Dynamic Drive DHTML Script- Dynamic Splash Screen effect

Dynamicdrive.com

		.



	Back to Network
	Content Areas
	reallybig.com Web site The largest directory of Web building resources on the internet!
	BigNoseBird FREE CGI scripts, tutorials, essential HTML tricks and more!
	Font Pool More than 1000 truetype FONTS for PC & MAC!
	Dynamic Drive Add power to your site with free original, ultra cool DHTML scripts.
	GraphX Kingdom Download thousands of free icons and clipart images!
	Features
	Instant Web Graphics Quick and easy way to give your pages a nice, uniform look.
	Cartoon Fonts These are REALLY NICE, and look great anywhere.
	The 216-Color Webmaster's Palette See it for the first time.
	Internet Traffic Report Does your internet connection seem slow? Click here to learn about it's condition.
	Sponsor Info
	Click here if you'd like to advertise on the reallybig.com network.
	Link to Us!

Home Special Document Effects Here

Dynamic Splash Screen effect All

Credits: Dynamic Drive

Description: Yes, you may have seen splash screen effects before, but never one constructed using a single page only...until now, that is. One great feature of DHTML is its ability to render new text on a page without having to reload or go to a whole new page altogether. With that in mind, this DHTML script allows you to set up a splash screen effect through only one page, regardless of the number of messages you wish to have "splashed." The messages are automatically centered on the page by the script. Once the effect is completed, the script then navigates to the URL of your choice. Definitely a useful- and now equally convenient to setup- creation!

Note that when browsers other than IE 4+/ NS 4+ view the splash page, they will be directly taken to the destination URL (downgrades gracefully).

Demo: Click your browser's back button to see the splash effect again...

Directions

Simply copy the below code, and save it as a separate html document. This is the splash page.

<html> <head> <title>Intro Screen...</title> </head> <body bgcolor="#000000" text="#FFFFFF"> <div id="splashcontainer" style="position:absolute;width:350"></div> <layer id="splashcontainerns" width=450></layer> <script> /* Dynamic Splash Screen effect- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, Visit http://dynamicdrive.com */ //configure delay in miliseconds between each message (default: 2 seconds) var intervals=2000 //configure destination URL var targetdestination="http://dynamicdrive.com/dynamicindex3/dynamicsplash.htm" //configure messages to be displayed var splashmessage=new Array() var openingtags='<font face="Arial" size="4">' splashmessage[0]="Welcome to Dynamic Drive" splashmessage[1]="The premier on the net to obtain free DHTML scripts to enhance your site!" splashmessage[2]="All scripts on this site take advantage of the latest in JavaScript/ DHTML technology" splashmessage[3]="With emphasis on practicality and backwards compatibility" splashmessage[4]="To bring true power and interactivity to your site." splashmessage[5]="Please stand by..." var closingtags='</font>' //Do not edit below this line var i=0 function displaysplash_ie(){ if (i<splashmessage.length){ sc_ie.style.visibility="hidden" sc_ie.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>' sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2 sc_ie.style.visibility="visible" i++ } else{ window.location=targetdestination return } setTimeout("displaysplash_ie()",intervals) } function displaysplash_ns(){ if (i<splashmessage.length){ sc_ns.visibility="hide" sc_ns.document.write('<b>'+openingtags+splashmessage[i]+closingtags+'</b>') sc_ns.document.close() sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2 sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2 sc_ns.visibility="show" i++ } else{ window.location=targetdestination return } setTimeout("displaysplash_ns()",intervals) } function positionsplashcontainer(){ if (document.all){ sc_ie=document.all.splashcontainer sc_ie.style.left=document.body.scrollLeft+document.body.clientWidth/2-sc_ie.offsetWidth/2 sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2 displaysplash_ie() } else if (document.layers){ sc_ns=document.splashcontainerns sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2 sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2 sc_ns.visibility="show" displaysplash_ns() } else window.location=targetdestination } window.onload=positionsplashcontainer </script> </body> </html>

Be sure to configure the variables as directed by the documentation inside...

Advertiser's index
-Astro Webhosting- Linux and NT web hosting for only $6.95!
- Add fresh, free content to your site with iSyndicate!
- Visit LiveUniverse.com for the best free tools, hosting and community building services

Legend
All- Script works with Netscape 4+ AND Internet Explorer 4+
NS- Indicates script works with Netscape 4 and above
IE- Indicates script works with Internet Explorer 4 and above
IE5- Indicates script works with Internet Explorer 5 and above

Subscribe to our newsletter!
Want to be right here when new scripts are added? Subscribe to our FREE newsletter then!