»
EnglishFrenchVietnamese

Print - 2 Direction Neon Lights Text - JavaScriptBank.com

Full version: jsB@nk » Text » Karaoke » 2 Direction Neon Lights Text
URL: https://www.javascriptbank.com/2-direction-neon-lights-text.html

2 Direction Neon Lights Text © JavaScriptBank.comThis is Neon Lights effect with two direction.

Full version: jsB@nk » Text » Karaoke » 2 Direction Neon Lights Text
URL: https://www.javascriptbank.com/2-direction-neon-lights-text.html



CSS
<STYLE type=text/css>.s {FONT-WEIGHT: bold; POSITION: absolute; TOP: 0px}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript type=text/javascript>var message="~JavaScriptBank.com~";var x=0,i=message.length;  function ttext(){   if(x<=message.length)    {     document.getElementById("sid1").innerHTML=message.substring(x,0);   document.getElementById("sid0").innerHTML=message;   x+=1;  } else { if(i>=0)  {    document.getElementById('sid2').innerHTML=message.substring(i,0);i-=1;}else {   x=0; i=message.length; }}  setTimeout("ttext();",20);}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY bgColor=black onload=ttext() text=white topmargin=100px><SPAN class=s id=sid0 style="COLOR: white; FONT-SIZE: 20px; Z-INDEX: -1"></SPAN><SPAN class=s id=sid1 style="COLOR: gray; FONT-SIZE: 20px; Z-INDEX: 1"></SPAN><SPAN class=s id=sid2 style="COLOR: white; FONT-SIZE: 20px; Z-INDEX: 2"></SPAN></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->