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).
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:350px;"></div>
<layer id="splashcontainerns" width=450></layer>
<script>
//Specify the paths of the images to be used in the splash screen, if any.
//If none, empty out array (ie: preloadimages=new Array())
var preloadimages=new Array("http://abstract.simplenet.com/point.gif","http://abstract.simplenet.com/point2.gif")
//configure delay in miliseconds between each message (default: 2 seconds)
var intervals=2000
//configure destination URL
var targetdestination="http://Link To The Page Where You Want To Redirect"
//configure messages to be displayed
//If message contains apostrophe('), backslash them (ie: "I\'m fine")
var splashmessage=new Array()
var openingtags='<font face="Arial" size="4">'
splashmessage[0]='<img src="http://abstract.simplenet.com/point.gif"> Welcome to Cyber Zone <img src="http://abstract.simplenet.com/point2.gif">'
splashmessage[1]='The premier place on the net for free DHTML scripts'
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 (besides HTML code at the very bottom)
var i=0
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var theimages=new Array()
//preload images
if (document.images){
for (p=0;p<preloadimages.length;p++){
theimages[p]=new Image()
theimages[p].src=preloadimages[p]
}
}
function displaysplash(){
if (i<splashmessage.length){
sc_cross.style.visibility="hidden"
sc_cross.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>'
sc_cross.style.left=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc_cross.style.width)/2 : document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2
sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.offsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2
sc_cross.style.visibility="visible"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash()",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 (ie4||ns6){
sc_cross=ns6?document.getElementById("splashcontainer"):document.all.splashcontainer
displaysplash()
}
else if (ns4){
sc_ns=document.splashcontainerns
sc_ns.visibility="show"
displaysplash_ns()
}
else
window.location=targetdestination
}
window.onload=positionsplashcontainer
</script>
<!--Set href in below link to the URL of the target destination-->
<div align="right">
<table border="0" width="200" height="100%" cellspacing="0" cellpadding="0">
<td width="100%" valign="bottom" align="right">
[ <a href="http://Link To The Page Where You Want To Redirect"><font color="#FFFFFF">Skip Intro</font></a> ]
</td>
</table>
</div>
</body>
</html>
Forum 
