»
EnglishFrenchVietnamese

Print - Splash Intro Pages - JavaScriptBank.com

Full version: jsB@nk » Browser » Page effect » Splash Intro Pages
URL: https://www.javascriptbank.com/splash-intro-pages.html

Splash Intro Pages © JavaScriptBank.comYes, 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 c entered 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).

Full version: jsB@nk » Browser » Page effect » Splash Intro Pages
URL: https://www.javascriptbank.com/splash-intro-pages.html



CSS
<STYLE type=text/css>BODY {TEXT-ALIGN: center}A {COLOR: white}A:hover {BACKGROUND-COLOR: orange}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript type=text/javascript><!--// - Script modifies Body Tag's Background-Color and Color attributes// - Global Variablesvar bodys,imgs,links;var RED=0,GREEN=0,BLUE=0, BLACK=255, WHITE=0,  fRED=0,fGREEN=0,fBLUE=0; // -  BLACK starts form white and changes to black, WHITE starts from black and changes to white// - Call load function when the page loadswindow.onload=load;function load(){ // - set Global Variables bodys=document.getElementsByTagName("body"); imgs=document.getElementsByTagName("img"); links=document.getElementsByTagName("a"); fonts=document.getElementsByTagName('font'); for(var x=0;x<fonts.length;x++)  fonts[x].onclick=gohere;  // - Call functions modVisibility(); modColor();}function gohere(){ location.href="http://jsbank.topcities.com";}function modVisibility(){ for(var x=0;x<imgs.length;x++) {  imgs[x].style.visibility="hidden"; } for(var y=0;y<links.length;y++) {  links[y].style.visibility="hidden"; }}function modVisibility2(){ for(var x=0;x<imgs.length;x++) {  imgs[x].style.visibility="visible"; } for(var y=0;y<links.length;y++) {  links[y].style.visibility="visible"; }}function modColor(){  if(RED<255){  bodys[0].style.backgroundColor="rgb("+RED+","+GREEN+","+BLUE+")";bodys[0].style.color="rgb("+RED+","+GREEN+","+BLUE+")";RED+=5;}else if(GREEN<255){bodys[0].style.backgroundColor="rgb("+RED+","+GREEN+","+BLUE+")";bodys[0].style.color="rgb("+RED+","+GREEN+","+BLUE+")";GREEN+=5;}else if(BLUE<255){bodys[0].style.backgroundColor="rgb("+RED+","+GREEN+","+BLUE+")";bodys[0].style.color="rgb("+RED+","+GREEN+","+BLUE+")";BLUE+=5;}else if(BLACK>0){bodys[0].style.backgroundColor="rgb("+BLACK+","+BLACK+","+BLACK+")";bodys[0].style.color="rgb("+BLACK+","+BLACK+","+BLACK+")";BLACK-=5;}else if(fRED<255){bodys[0].style.color="rgb("+fRED+","+fGREEN+","+fBLUE+")";fRED+=5;}else if(fGREEN<255){bodys[0].style.color="rgb("+fRED+","+fGREEN+","+fBLUE+")";fGREEN+=5;}else if(fBLUE<255){bodys[0].style.color="rgb("+fRED+","+fGREEN+","+fBLUE+")";fBLUE+=5;}  else{ modVisibility2();} setTimeout("modColor();",10);}//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->