Highlighted Text Scroller Left To Right Java Script

Tuesday, July 19, 2011

Highlighted Text Scroller Left To Right Java Script

Highlighted Text Scroller Left To Right Java Script

This script allows you to scroll and highlight important news on any page of your site.Scroll will move from Left to right.To Use Just copy past the code given below..

Java Script In Action:

HTML Code

<div style="position:relative;left:0px;top:0px"><span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span><br /> </div><br /> <script type="text/javascript">   var tickercontents=new Array() tickercontents[0]='Looking for free Java Templates and resources? Visit <a href="http://www.webloverz.com">WebLoverz.com</a>!' tickercontents[1]='Hop on over to <a href="http://www.webloverz.com">WebLoverz.com</a> to get help on web coding!' tickercontents[2]='Visit <a href="http://www.webloverz.com">WebLoverz.com</a> For More'  var tickdelay=3000 //delay btw messages var highlightspeed=10 //10 pixels at a time.  ////Do not edit pass this line////////////////  var currentmessage=0 var clipwidth=0  function changetickercontent(){ crosstick.style.clip="rect(0px 0px auto 0px)" crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() }  function highlightmsg(){ var msgwidth=crosstick.offsetWidth if (clipwidth<msgwidth){ clipwidth+=highlightspeed crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipwidth=0 clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } }  function start_ticking(){ crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() }  if (document.all || document.getElementById) window.onload=start_ticking  </script>