»
Tiếng AnhTiếng PhápTiếng Việt

In - Trang giới thiệu - JavaScriptBank.com

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

Trang giới thiệu © JavaScriptBank.comHiệ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



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-->