Page 243 - Web Applications (803) Class 12
P. 243
var loader = document.getElementById('loader');
var page1 = document.getElementById('page1');
var page2 = document.getElementById('page2');
loader.style.left = "0";
setTimeout(function() {
loader.style.left = "-100%";
page1.style.display = "none";
page2.style.display = 'block';
}, 1500)
}
function showP1() {
var loader = document.getElementById('loader');
var page1 = document.getElementById('page1');
var page2 = document.getElementById('page2');
loader.style.left = "0";
setTimeout(function() {
loader.style.left = "-100%";
page1.style.display = "block";
page2.style.display = 'none';
}, 1500)
}
Output:
The code can also be downloaded from the following link
https://drive.google.com/drive/folders/1PvJ4iDCHdbjqwWABjt2xPfDQgSqpyEU4?usp=sharing
4.4 DYNAMIC WEB TEMPLATES
The most crucial aspect of website design is to keep your site's appearance and feel constant, which Dynamic
Web Template may help you do. An HTML-based dynamic web template is a master copy of a web page that
you can construct to include settings, formatting, and page elements including text, graphics, page layout,
styles, and areas of a webpage that can be changed. Dynamic Web Template gives users:
Fundamental pages including the Sitemap, Contact, About, and Search pages. From any page on your
website, a visitor should be able to access your home page.
Consistency in navigation.
Consistent appearance throughout the site.
Advanced Features of Web-Design 241

