Phiên bản đầy đủ: jsB@nk » Chữ » Chữ kiểu karaoke » Chữ neon kiểu karaoke
URL: https://www.javascriptbank.com/neon-lights-message.html
Hiệu ứng tạo một dòng chữ có màu di chuyển">di chuyển như karaoke, đầu tiên chữ được thực hiện hiệu ứng với kích thước nhỏ sau đó các kích thước kí tự tăng dần và tiếp tục thực hiện hiệu ứng.
Phiên bản đầy đủ: jsB@nk » Chữ » Chữ kiểu karaoke » Chữ neon kiểu karaoke
URL: https://www.javascriptbank.com/neon-lights-message.html
<STYLE type=text/css>/*BODY {BACKGROUND-COLOR: rgb(0,0,0); TEXT-ALIGN: center;color:white;}*/INPUT {BACKGROUND-COLOR: black; BORDER-BOTTOM: white 2px outset; BORDER-LEFT: white 2px outset; BORDER-RIGHT: white 2px outset; BORDER-TOP: white 2px outset; COLOR: white; FONT-WEIGHT: bold}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body bgcolor=#000 text=#ffffff><SCRIPT language=JavaScript type=text/javascript><!--///////////////////////////////////////////////////////////////////////////////var e=new Array();var text="JavaScriptBank.com";writeIt={ HEIGHT:2,WIDTH:2,FONTWEIGHT:"bold",COLOR:"rgb(222,0,0)",FONTSIZE:30, cElements:function() { var counter=0; while(counter<text.length+1) { e[counter]=document.createElement('span'); with(e[counter].style) { height=this.HEIGHT;width=this.WIDTH;fontWeight=this.FONTWEIGHT;color=this.COLOR;fontSize=this.FONTSIZE; } e[counter].id="id"+counter; e[counter].innerHTML=text.substring(counter-1,counter); document.body.appendChild(e[counter]); counter+=1; }}};///////////////////////////////////////////////////////////////////////////////var count=0,counts=1,counts1=2;var gcount=0,gcount1=0,gcount2=0,gcount3=0;var size=50;window.onload=main;function main(){ writeIt.cElements();chColor();}function chColor(){Elem=document.getElementsByTagName('span'); if(count<=e.length-1) { document.getElementById("id"+counts).style.color="yellow";document.getElementById("id"+counts1).style.color="orange";document.getElementById("id"+count).style.color="rgb(254,255,255)";count+=1;if(counts<=e.length-2)counts++;if(counts1<=e.length-2)counts1+=1; } else if(gcount<=e.length-1) { Elem[gcount].style.fontSize=size; gcount+=1; } else if(gcount1<=e.length-1) { Elem[gcount1].style.fontSize=size+10; gcount1+=1; } else if(gcount2<=e.length-1) { Elem[gcount2].style.fontSize=size+20; gcount2+=1; } else if(gcount3<=e.length-1) { Elem[gcount3].style.filter="glow(strength=9,)"; gcount3+=1; } else { count=0,counts=1,counts1=2; }setTimeout("chColor();",150);}///////////////////////////////////////////////////////////////////////////////var c=0,c1=0;var gl=9;function m(){ while(c<=e.length-1) { Elem[c].style.filter="glow(strength="+gl+",color='green')";c++;c1=0; }}function mo(){ while(c1<=e.length-1) { Elem[c1].style.filter="glow(strength="+gl+",color='gray')";c1++;c=0; }}//--></SCRIPT></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->