|
|
|
This is a simple Page Loader message that is shown during the time your site's page is being loaded.
Once all the items on the page is loaded, <body> tag's onLoad behavior sets the <div> (that contains the loader part) style property "display" to none.
Author : Ehsan Haque
Web : http://ehsan.bdwebwork.com
Created : 26th June 2006
Demo : http://resource.bdwebwork.com/PageLoader/
loader.html
| <html>
<head>
<title>Page Loader</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>
<body topmargin="0" bottommargin="5" onLoad="document.getElementById('siteLoader').style.display = 'none';">
<div id='siteLoader'>
<div id='siteDetailLoader'>
by: <a href='http://ehsan.bdwebwork.com' target='_blank'>ehsan haque</a>
</div>
<div id='loadImg'>
<img src='loading10.gif' border='0'>
</div>
<div id='loadText'>
page is loading
</div>
</div>
<iframe height='400' width='800' src='http://www.weberdev.com' scrolling='auto' align='bottom'></iframe>
<p style='font-family:verdana, arial, courier; font-size:10px;'>
Information:<br>
This Page Loader uses simple CSS properties to show the Page Loading message.
<br>
The image was used for no commercial purpose but just as an example.
</p>
</body>
</html> | |
|
|
| Javascript Background Scroller
Categories : Java Script, CSS, HTML | | | Javascript animated menu items
Categories : DHTML, CSS, Java Script, HTML | | | Higly Customizable Javascript Calendar Script
Categories : Java Script, Calendar, Date Time, HTML, CSS | | | Show or Hide your Content using Javascript
Categories : Java Script, HTML, CSS, Beginner Guides | | | Clock at Status Bar
Categories : Java Script, HTML, Date Time | | | Simple Javascript CSS Digital Clock
Categories : Java Script, Date Time, CSS, Beginner Guides, Web Design | | | Hilight Form Element onFocus
Categories : Java Script, Form Processing, CSS | | | How to keep your tables width stable even if you have long strings inside.
Categories : CSS, Web Browsers, HTML, Beginner Guides | | | Builds JavaScript that updates the contents of one selector based on another.
Categories : HTML, Java Script, PHP, Complete Programs, General | | | Java Script Based Navigation
Categories : HTML, Java Script, Navigation | | | An example of how to place elements on the footer of a page with CSS/HTML so that the elements are always on the bottom, regardless of the client resolution.
Categories : HTML, CSS, Interfaces | | | How to create <SELECT> menues that change on the fly according to other <SELECT> menues on the page?
Categories : Java Script, HTML | | | Prevent Right Mouse steal your graphics
Categories : HTML, Java Script, Security | | | Rollover Image link effect using only single image.
Categories : Web Design, HTML, CSS, Beginner Guides | | | CSS Container BOX , with cool CSS Design
Categories : CSS, HTML, Web Design | |
|
|
|
