Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ neon và phát sáng
URL: https://www.javascriptbank.com/glowing-text-script.html
Hiệu ứng tạo ra các dòng chữ có thể phát sáng trên trang web, đầu tiên là các kí tự xuất hiện xếp chồng lên nhau sau đó tự tách rời ra để tạo thành một dòng chữ hoàn chỉnh rồi phát sáng ra chung quanh.
Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ neon và phát sáng
URL: https://www.javascriptbank.com/glowing-text-script.html
<STYLE type=text/css>BODY {COLOR: red; BACKGROUND-COLOR: black; TEXT-ALIGN: center}SPAN {FONT-WEIGHT: bold; FONT-SIZE: 60px; FILTER: glow(color=red); WIDTH: 50px; HEIGHT: 50px}</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><!--///////////////////////////////////////////////////////////////////////////////// - Global Variable Declarationsvar textstring="JavaScriptBank.com";var URL="http://JavaScriptBank.com";var spanelems,Spans;var checksp=new Array();var counter=0,gcount=0, spc=0, cnt=0,cnt2=50;var T=70;var bool=true;// - End Global Variable Declarations///////////////////////////////////////////////////////////////////////////////// - Global Event Handlerswindow.onload=loadIt;// - End Global Event Handlers///////////////////////////////////////////////////////////////////////////////// - Main Modulefunction loadIt(){ spanTag("","visible"); recursive(); br(); for(var x=0;x<textstring.length;x++) { var count=x+1; spanTag(textstring.substring(count,count-1),"hidden"); } checktextstring();}// - End Main Module///////////////////////////////////////////////////////////////////////////////// - Method Definitionsfunction checktextstring(){ var sp=" "; for(var x=0;x<textstring.length;x++) { checksp[x]=(x==0)?textstring.lastIndexOf(sp,textstring.length):textstring.lastIndexOf(sp,checksp[x-1]-1); if(checksp[x]!=-1) { Spans[eval(parseInt(checksp[x])+1)].innerHTML="<b style='visibility:hidden'>_</b>"; } }}function spanTag(buffer,toggle){ spanelems=document.createElement('span'); spanelems.innerHTML=buffer; spanelems.style.visibility=toggle; spanelems.onclick=gohere; document.body.appendChild(spanelems);}function recursive(){ if(counter<=textstring.length) { Spans=document.getElementsByTagName('span');Spans[0].innerHTML=textstring.substring(counter,counter-1); counter++; }else if(bool){ T=20; for(var x=0;x<Spans.length;x++) { Spans[x].style.visibility="visible"; Spans[x].style.color="black"; } Spans[0].style.visibility="hidden"; bool=false;}else if(spc<=35){ Spans[gcount].style.position="relative";Spans[gcount].style.color="white"; Spans[gcount].style.left=spc;spc+=10;}else if(gcount<Spans.length-1){ gcount++;spc=0; Spans[gcount].style.color="blue";} else if(cnt<50) { for(var x=0;x<Spans.length;x++) Spans[x].style.filter="glow(color=blue,strength="+cnt+")"; cnt+=2; } else if(cnt2>0) { for(var x=0;x<Spans.length;x++) Spans[x].style.filter="glow(color=blue,strength="+cnt2+")"; cnt2-=1; } setTimeout("recursive();",T);}function br(){ br=document.createElement('br'); document.body.appendChild(br);}function gohere(){ location.href=URL;}// - End Method Definitions/////////////////////////////////////////////////////////////////////////////////--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->