Created
July 12, 2013 05:42
-
-
Save jonsan32/5982135 to your computer and use it in GitHub Desktop.
Fading Scroller
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<table height="25" width=100%><tr> | |
<td><div align="center"> | |
<script type="text/javascript"> | |
/*********************************************** | |
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com) | |
* This notice MUST stay intact for legal use | |
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code | |
***********************************************/ | |
var delay = 8000; //set delay between message change (in miliseconds) | |
var maxsteps=30; // number of steps to take to change from start color to endcolor | |
var stepdelay=40; // time in miliseconds of a single step | |
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect | |
var startcolor= new Array(255,255,255); // start color (red, green, blue) | |
var endcolor=new Array(0,0,0); // end color (red, green, blue) | |
var fcontent=new Array(); | |
begintag='<div style="font: bold 11px Arial; text-transform:uppercase; font-style:italic;border:1px black dotted;padding:4px 0px 4px 0px; width:360px;">'; //set opening tag, such as font declarations | |
fcontent[0]="<a href='http://www.thestormybrain.com/p/i.html'>TOPICS TO STIMULATE YOUR MIND</a>"; | |
fcontent[1]="<a href='http://www.thestormybrain.com/p/change-world.html'>INVENTIONS THAT HAVE CHANGED THE WORLD</a>"; | |
fcontent[2]="<a href='http://www.thestormybrain.com/p/collaboration.html'>COLLABORATION TIPS</a>"; | |
fcontent[3]="<a href='http://www.thestormybrain.com/p/inventions.html'>INVENTIONS YOU COULD'VE EASILY THOUGHT OF</a>"; | |
fcontent[4]="<a href='http://www.thestormybrain.com/p/ideas.html'>9 IDEAS THAT HAVE CHANGED THE WORLD</a>"; | |
fcontent[5]="<a href='http://www.thestormybrain.com/p/thoughts.html'>THOUGHTS THAT HAVE CHANGED THE WORLD</a>"; | |
closetag='</div>'; | |
var fwidth='360px'; //set scroller width | |
var fheight='20px'; //set scroller height | |
var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes. | |
///No need to edit below this line///////////////// | |
var ie4=document.all&&!document.getElementById; | |
var DOM2=document.getElementById; | |
var faderdelay=0; | |
var index=0; | |
/*Rafael Raposo edited function*/ | |
//function to change content | |
function changecontent(){ | |
if (index>=fcontent.length) | |
index=0 | |
if (DOM2){ | |
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")" | |
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag | |
if (fadelinks) | |
linkcolorchange(1); | |
colorfade(1, 15); | |
} | |
else if (ie4) | |
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag; | |
index++ | |
} | |
// colorfade() partially by Marcio Galli for Netscape Communications. //////////// | |
// Modified by Dynamicdrive.com | |
function linkcolorchange(step){ | |
var obj=document.getElementById("fscroller").getElementsByTagName("A"); | |
if (obj.length>0){ | |
for (i=0;i<obj.length;i++) | |
obj[i].style.color=getstepcolor(step); | |
} | |
} | |
/*Rafael Raposo edited function*/ | |
var fadecounter; | |
function colorfade(step) { | |
if(step<=maxsteps) { | |
document.getElementById("fscroller").style.color=getstepcolor(step); | |
if (fadelinks) | |
linkcolorchange(step); | |
step++; | |
fadecounter=setTimeout("colorfade("+step+")",stepdelay); | |
}else{ | |
clearTimeout(fadecounter); | |
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")"; | |
setTimeout("changecontent()", delay); | |
} | |
} | |
/*Rafael Raposo's new function*/ | |
function getstepcolor(step) { | |
var diff | |
var newcolor=new Array(3); | |
for(var i=0;i<3;i++) { | |
diff = (startcolor[i]-endcolor[i]); | |
if(diff > 0) { | |
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step); | |
} else { | |
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step); | |
} | |
} | |
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")"); | |
} | |
if (ie4||DOM2) | |
document.write('<div id="fscroller" style=" border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>'); | |
if (window.addEventListener) | |
window.addEventListener("load", changecontent, false) | |
else if (window.attachEvent) | |
window.attachEvent("onload", changecontent) | |
else if (document.getElementById) | |
window.onload=changecontent | |
</script> | |
</div> | |
</td></tr></table> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment