Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ nhiều màu mờ dần
URL: https://www.javascriptbank.com/colorful-text-fader.html
Hiệu ứng tạo ra các dòng chữ với nhiều màu sắc khác nhau xuất hiện tại một vị trí cố định trên trang web theo nguyên tắc mờ dần.
Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ nhiều màu mờ dần
URL: https://www.javascriptbank.com/colorful-text-fader.html
<SCRIPT LANGUAGE="JavaScript"><!-- Begin<!-- Ken Tholke, [email protected]. -->// add as many or as few messages as you would likevar msg=new Array()msg[0]="<CENTER>You can see more scripts like this one...</CENTER>";msg[1]="<CENTER>...when you visit the JavaScript Source.</CENTER>";msg[2]="<CENTER>Your computer can handle the rest.</CENTER>";// set your first set of colors. Use as many or as few as you wish.var colors1=new Array("ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff","8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff","2222ff", "1111ff", "0000ff")//set your second set of colors// *** must have exactly the same number of colors as the array above ***var colors2=new Array("ffffff", "ffeeee", "ffdddd", "ffcccc", "ffbbbb", "ffaaaa", "ff9999","ff8888", "ff7777", "ff6666", "ff5555", "ff4444", "ff3333", "ff2222", "ff1111", "ff0000")//set the height of the display in pixelshigh=60;//set the width of the display in pixelswide=350;//set the pixel coordinates for the upper left hand corner of the displayXpos=220;Ypos=180;// move the display away from the edges of the backgroundpad=15;// set the background color of the displaybgcol="ffffff";//add a background image if you want.// *** for no image, just leave empty quotes (ex. cellbg=""; ) ***cellbg="faderbg.jpg";// set the fontfntFam="verdana,helvetica,arial";fntSize=14;// set how how many seconds you want the message to stay remain at totality.pause=2.5;// Do not edit these values below!!!icolor=0;mcolor=1;imsg=0;spWidth=wide-(2*pad);totality=false;glowing=true;var theMsg="";var cellcontent="";pause=pause*1000;if(cellbg.length>4){cellbg=" background="+cellbg}else{cellbg="";}function doPause(){ totality=false; t=setTimeout("changecolor()",pause); }function initiate(){ getContentColor(); getMsg(); getCellContent(); if(document.all){ msgbg.innerHTML=cellcontent; msgfade.innerHTML=theMsg; msgbg.style.posLeft=Xpos; msgbg.style.posTop=Ypos; msgfade.style.posLeft=Xpos+pad; msgfade.style.posTop=Ypos+pad; t=setTimeout("changecolor()",50);} if(document.layers){ document.msgbg.document.write(cellcontent); document.msgbg.document.close(); document.msgfade.document.write(theMsg); document.msgfade.document.close(); document.msgbg.left=Xpos; document.msgbg.top=Ypos; document.msgfade.left=Xpos+pad; document.msgfade.top=Ypos+pad; t=setTimeout("changecolor()",100);} }function changecolor(){ if(totality==true){doPause();} else{ getMsg(); getContentColor(); if(document.all){ msgfade.innerHTML=theMsg; t=setTimeout("changecolor()",50);} if(document.layers){ document.msgfade.document.write(theMsg); document.msgfade.document.close(); t=setTimeout("changecolor()",70);} } }function getFadeColor(){ icolor=icolor-1; if(mcolor==1){contentcolor=colors1[icolor];} else{contentcolor=colors2[icolor];} }function getGlowColor(){ icolor=icolor+1; if(mcolor==1){contentcolor=colors1[icolor];} else{contentcolor=colors2[icolor];} }function changemsg(){ if(imsg==msg.length-1){imsg=0; mcolor=1;} else if(imsg != msg.lenght-1 && mcolor==1){imsg=imsg+1; mcolor=0;} else{imsg=imsg+1; mcolor=1;} }function getContentColor(){ if(icolor==colors1.length-1 && glowing==true){ getFadeColor(); glowing=false; totality=true;} else if(icolor < colors1.length && glowing==true){ getGlowColor();} else if(icolor < 1 && glowing==false){changemsg(); getGlowColor(); glowing=true;} else{getFadeColor();} }function getMsg() { theMsg="<span style='font-size:"+fntSize+"pt; font-family:"+fntFam+"; width:"+spWidth+";'>" theMsg+="<B><font color="+contentcolor+">"+msg[imsg]+"</font></B> " theMsg+="</span>" }function getCellContent(){ cellcontent="<TABLE height="+high+ " width="+wide+" bgcolor="+bgcol+" cellpadding=0 cellspacing=0><TR><TD"+cellbg+"> </TD></TR></TABLE>"}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onLoad="initiate()"><DIV id=msgbg style="position: absolute;"></DIV><DIV id=msgfade style="position: absolute;"></DIV></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->