|
|
|
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 animated menu items Categories : DHTML, CSS, Java Script, HTML | | | Javascript Background Scroller Categories : Java Script, CSS, HTML | | | Table editable dynamic form with edit + selection (select / option) + checkbox.
Categories : Java Script, DHTML, User Interface, CSS, 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 | | | Enchancing dd/mm/yyyy forms with unobtrusive javascript Categories : Java Script, HTML, User Interface, Date Time | | | How to get the Focus (Cursor) into a Form-Element. Categories : HTML, Java Script | | | showing Help (assistance) to the user while filling html forms. Categories : HTML, Java Script, Form Processing | | | Conditional Check - a script that allows a user to submit a form only if the user check a checkbox. Categories : HTML, Java Script, Form Processing, Beginner Guides | | | Hilight Form Element onFocus Categories : Java Script, Form Processing, CSS | | | Rollover Image link effect using only single image. Categories : Web Design, HTML, CSS, Beginner Guides | | | PHP Calendar Categories : PHP, Calendar, Date Time, Java Script, CSS | | | How to make a scrolling Div Categories : HTML, CSS | | | Changing the Style of form objects using the JavaScript OnClick method. Categories : Java Script, Form Processing, Beginner Guides, CSS | | | CSS Container BOX , with cool CSS Design Categories : CSS, HTML, Web Design | |
|
|