Scroll Color

You can Scroll Your Text with a Specific Color. Here I Give You a JavaScript Code which Able You to do it. Copy the Below Code and Paste it where You want the Scroller to Appear On Your Page.

Code Editable Option:

** Red Code = Change Your Possition.
<div style="position:relative;left:0px;top:0px">
** Lime Code = Change Font(family,Size) & Highlight Color
&lt;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>

*** Blue Code = Write Your Content and Link

tickercontents[0]='Looking for free Java applets and resources? Visit Freewarejava.com!'
tickercontents[1]='Hop on over to Coding Forums to get help on web coding!'
tickercontents[2]='This scroller\'s brought to you by JavaScript Kit'

JavaScript :-

<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></div><script type="text/javascript">/*Highligher Scroller script- By JavaScript KitFor this and over 400+ free scripts, visit http://www.javascriptkit.com/This notice must stay intact*/var tickercontents=new Array()tickercontents[0]='Looking for free Java applets and resources? Visit <a href="http://freewarejava.com">Freewarejava.com</a>!'tickercontents[1]='Hop on over to <a href="http://www.codingforums.com">Coding Forums</a> to get help on web coding!'tickercontents[2]='This scroller\'s brought to you by <a href="http://www.javascriptkit.com">JavaScript Kit</a>'var tickdelay=3000 //delay btw messagesvar highlightspeed=10 //10 pixels at a time.////Do not edit pass this line////////////////var currentmessage=0var clipwidth=0function changetickercontent(){crosstick.style.clip="rect(0px 0px auto 0px)"crosstick.innerHTML=tickercontents[currentmessage]highlightmsg()}function highlightmsg(){var msgwidth=crosstick.offsetWidthif (clipwidth<msgwidth){clipwidth+=highlightspeedcrosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"beginclip=setTimeout("highlightmsg()",20)}else{clipwidth=0clearTimeout(beginclip)if (currentmessage==tickercontents.length-1) currentmessage=0else currentmessage++setTimeout("changetickercontent()",tickdelay)}}function start_ticking(){crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlightercrosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElementif (parseInt(crosstick.offsetHeight)>0)crosstickParent.style.height=crosstick.offsetHeight+'px'elsesetTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sakechangetickercontent()}if (document.all || document.getElementById)window.onload=start_ticking</script><p align="left">This free script provided by<br /><a href="http://www.allursolve.blogspot.com">JavaScript Kit</a></p>

Posted in: blogspot_tips_and_tricks,internet_some-tricks,internet-1