»
EnglishFrenchVietnamese

Print - Glowing Text Script - JavaScriptBank.com

Full version: jsB@nk » Text » Fade-Glow » Glowing Text Script
URL: https://www.javascriptbank.com/glowing-text-script.html

Glowing Text Script © JavaScriptBank.comAdd flare and draw attention to important text on your page by making them glow and dynamic.

Full version: jsB@nk » Text » Fade-Glow » Glowing Text Script
URL: https://www.javascriptbank.com/glowing-text-script.html



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


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