Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ chớp giật
URL: https://www.javascriptbank.com/color-flasher-effect.html
Hiệu ứng làm cho từng kí tự của dòng chữ định trước đổi màu liên tục trong một khoảng thời gian ngắn. Mã nguồn tuy ngắn nhưng hiệu ứng thì rất tuyệt. Bạn hãy thưởng thức nó.
Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ chớp giật
URL: https://www.javascriptbank.com/color-flasher-effect.html
<script language=javascript>/////////////////////////////////////////////////////////////////////// //// Created by Nick Trevino //// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //// Put whatever you want to flash different colors here. //// Bigger phrases go slower. //// ///////////////////////////////////////////////////////////////////////thePhrase="WOW, THE COLOR!";/////////////////////////////////////////////////////////////////////// //// Put how big you want it to be. (0-5) //// ///////////////////////////////////////////////////////////////////////size=5;/////////////////////////////////////////////////////////////////////// //// Put how fast you want it to be. (1 fast - 20 slow) //// ///////////////////////////////////////////////////////////////////////speed=1;colors=new Array("red","blue","lime","yellow","purple","brown","black","orange","skyblue","darkorange")function setDiv(what){ phraseDiv=what getInit();}function getInit(){ phraseCharsOrig=new Array(); for(i=0;i<thePhrase.length;i++){ phraseCharsOrig[i]=thePhrase.charAt(i) } phraseCharsMod=new Array(phraseCharsOrig.length); for(i=0;i<thePhrase.length;i++){ phraseCharsMod[i]="" } window.setTimeout("MOD();",100);}function MOD(){ phraseDiv.innerHTML=""; if(size>5||size<0){size=5} for(i=0;i<phraseCharsMod.length;i++){ phraseChar=phraseCharsOrig[i]; color=colors[Math.floor(Math.random()*colors.length)] phraseCharsMod[i]="<font color="+color+" size=+"+size+">"+phraseChar+"</font>"; phraseDiv.innerHTML+=phraseCharsMod[i]; } window.setTimeout("MOD();",speed*10);}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onLoad="setDiv(phrase)"><div id=phrase></div></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->