»
EnglishFrenchVietnamese

Print - Dynamic HTML Splash Screen - JavaScriptBank.com

Full version: jsB@nk » Browser » Page effect » Dynamic HTML Splash Screen
URL: https://www.javascriptbank.com/dynamic-html-splash-screen.html

Dynamic HTML Splash Screen © JavaScriptBank.comThe dynamic animation JavaScript code is fastest and simpliest way to set up a splash screen effect, thanks to this DHTML script! Users will be able to skip this intro screen through 'Skip intro' button

Full version: jsB@nk » Browser » Page effect » Dynamic HTML Splash Screen
URL: https://www.javascriptbank.com/dynamic-html-splash-screen.html



HTML
<DIV id=splashcontainer style="POSITION: absolute; WIDTH: 350px"></DIV><LAYER id=splashcontainerns width="450"></LAYER><SCRIPT>/*Dynamic Splash Screen effect- © Dynamic Drive (www.dynamicdrive.com) Updated: 00/12/18For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, Visit http://dynamicdrive.com*///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("bongbong.gif","bongbong.gif")//configure delay in miliseconds between each message (default: 2 seconds)var intervals=2000//configure destination URLvar targetdestination="http://javascriptbank.com"//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="bongbong.gif"> JavaScriptBank.com <img src="bongbong.gif">'splashmessage[1]='Bank of free JavaScript'splashmessage[2]='over 2000+ free JavaScript code'splashmessage[3]='please wait...'var closingtags='</font>'//Do not edit below this line (besides HTML code at the very bottom)var i=0var ns4=document.layers?1:0var ie4=document.all?1:0var ns6=document.getElementById&&!document.all?1:0var theimages=new Array()//preload imagesif (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)/2sc_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/2sc_cross.style.visibility="visible"i++}else{window.location=targetdestinationreturn}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/2sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2sc_ns.visibility="show"i++}else{window.location=targetdestinationreturn}setTimeout("displaysplash_ns()",intervals)}function positionsplashcontainer(){if (ie4||ns6){sc_cross=ns6?document.getElementById("splashcontainer"):document.all.splashcontainerdisplaysplash()}else if (ns4){sc_ns=document.splashcontainernssc_ns.visibility="show"displaysplash_ns()}elsewindow.location=targetdestination}window.onload=positionsplashcontainer</SCRIPT>