scrolling text like a ticker, fades in mouse over stop ~ scrolling and marquee text in HTML and java script

scrolling text like a ticker, fades in mouse over stop

Wednesday, March 17, 2010 11:26 AM Posted by Unknown , 0 Comments

Labels: fades in mouse over stop , scrolling text like a ticker

just copy this code into <body> tag

<script type="text/javascript"><br />
<br />
/***********************************************<br />
* Fading Scroller- © scrollingtext DHTML code library (http://scrollingtext.blogspot.com/)<br />
* This notice MUST stay intact for legal use<br />
* Visit scrolling text at http://scrollingtext.blogspot.com/ for full source code<br />
***********************************************/<br />
<br />
var delay = 2000; //set delay between message change (in miliseconds)<br />
var maxsteps=30; // number of steps to take to change from start color to endcolor<br />
var stepdelay=40; // time in miliseconds of a single step<br />
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect<br />
var startcolor= new Array(255,255,255); // start color (red, green, blue)<br />
var endcolor=new Array(0,0,0); // end color (red, green, blue)<br />
<br />
var fcontent=new Array();<br />
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations<br />
fcontent[0]="<b>What\'s new?</b><br>New scripts added to the Scroller category!<br><br>The MoreZone has been updated. <a href='http://scrollingtext.blogspot.com/'>Click here to visit</a>";<br />
fcontent[1]=" scrolling text has been featured on scrollers as a top 5% resource, and About.com as a recommended DHTML destination.";<br />
fcontent[2]="Ok, enough with these pointless messages. You get the idea behind this script.</a>";<br />
closetag='</div>';<br />
<br />
var fwidth='150px'; //set scroller width<br />
var fheight='150px'; //set scroller height<br />
<br />
var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.<br />
<br />
///No need to edit below this line/////////////////<br />
<br />
<br />
var ie4=document.all&&!document.getElementById;<br />
var DOM2=document.getElementById;<br />
var faderdelay=0;<br />
var index=0;<br />
<br />
<br />
/*Rafael Raposo edited function*/<br />
//function to change content<br />
function changecontent(){<br />
if (index>=fcontent.length)<br />
index=0<br />
if (DOM2){<br />
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"<br />
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag<br />
if (fadelinks)<br />
linkcolorchange(1);<br />
colorfade(1, 15);<br />
}<br />
else if (ie4)<br />
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;<br />
index++<br />
}<br />
<br />
// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////<br />
// Modified by Dynamicdrive.com<br />
<br />
function linkcolorchange(step){<br />
var obj=document.getElementById("fscroller").getElementsByTagName("A");<br />
if (obj.length>0){<br />
for (i=0;i<obj.length;i++)<br />
obj[i].style.color=getstepcolor(step);<br />
}<br />
}<br />
<br />
/*Rafael Raposo edited function*/<br />
var fadecounter;<br />
function colorfade(step) {<br />
if(step<=maxsteps) { <br />
document.getElementById("fscroller").style.color=getstepcolor(step);<br />
if (fadelinks)<br />
linkcolorchange(step);<br />
step++;<br />
fadecounter=setTimeout("colorfade("+step+")",stepdelay);<br />
}else{<br />
clearTimeout(fadecounter);<br />
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";<br />
setTimeout("changecontent()", delay);<br />
<br />
}   <br />
}<br />
<br />
/*Rafael Raposo's new function*/<br />
function getstepcolor(step) {<br />
var diff<br />
var newcolor=new Array(3);<br />
for(var i=0;i<3;i++) {<br />
diff = (startcolor[i]-endcolor[i]);<br />
if(diff > 0) {<br />
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);<br />
} else {<br />
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);<br />
}<br />
}<br />
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");<br />
}<br />
<br />
if (ie4||DOM2)<br />
document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", changecontent, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", changecontent)<br />
else if (document.getElementById)<br />
window.onload=changecontent<br />

0 Response to "scrolling text like a ticker, fades in mouse over stop"

Post a Comment

Subscribe to: Post Comments (Atom)