Phiên bản đầy đủ: jsB@nk » Trình duyệt » Hiệu ứng trang » Trang giới thiệu
URL: https://www.javascriptbank.com/splash-intro-pages.html
Hiệu ứng tạo một đoạn giới cho website bằng cách lần lượt thay đổi liên tục màu nền và màu chữ. Sau khi nội dung giới thiệu đã được hiển thị, người dùng có thể vào website bắt cách nhấp chuột vào đoạn giới thiệu.
Phiên bản đầy đủ: jsB@nk » Trình duyệt » Hiệu ứng trang » Trang giới thiệu
URL: https://www.javascriptbank.com/splash-intro-pages.html
<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-->
<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-->