Clickable Fading Text

One of the most common JavaScript effects is fading elements and text in and out. This script can also be used to show news or a welcome message.

Paste the javascript in your HEAD>

<script language="JavaScript1.2">
Browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0/********************************************************************************Here are the variables you must set: (this is the only part you have to change)Remember tho, if you wan't different size for the layers, different clip or anythingchange that in the stylesheet.*///The delay between the fades (in milliseconds) smaller value gives less time:
betweendelay=1000//Do you wan't it to start over on the first one when it's gone trought all the news?//(set to 0 if not)var loop=1//What font do you wan't it use?
FontFace='arial,helvetiva'//What font-size (in pixel)?
FontSize=12//Do you wan't it to fade out aswell? 1 for on, 0 for off
fadeback=1//Set the colors, first color is same as background, last color is the color it stops at://You can have upto 7 colors, set the ones you wan't use to 0
colors=newArray()
colors[0]='#FFFFFF'
colors[1]='#EEEEEE'
colors[2]='#CCCCCC'
colors[3]='#999999'
colors[4]='#666666'
colors[5]='#333333'
colors[6]='#000000'//This is the news you wanna have, set the link and the text. If you don't wan't it to link anywhere//use a # as the link
news=newArray()//Copy there three lines and change the info and numbers to get more news.
news[0]=newArray()
news[0]["text"]="Add whatever messages your want to scroll into an array!"
news[0]["link"]="default.asp"
news[1]=newArray()
news[1]["text"]="Use it for highlighting news pieces, site changes, and more!"
news[1]["link"]="default.asp"
news[2]=newArray()
news[2]["text"]="This is a pretty cool tool... check out the rest!"
news[2]["link"]="default.asp"/*Dont change anything below this!*********************************************************************************/
fadeInit=newFunction("oNews=new makeObj('divNews','divCont'); fadeNews(0)")function makeObj(obj,nest){
nest=(!nest)?'':'document.'+nest+'.'this.css=(n)?eval(nest+'document.'+obj):eval(obj+'.style')this.writeref=(n)?eval(nest+'document.'+obj+'.document'):eval(obj);this.fadeIt=b_fadeIt
this.obj = obj +"Object";eval(this.obj +"=this")}function b_fadeIt(text,link,font,size,speed,fn,num,c0,c1,c2,c3,c4,c5,c6){if(num<arguments.length &&arguments[num]!=0){
writetext='<a href="'+link+'" style="text-decoration:none; font-size:'+size+'px">'+'<font face="'+font+'" color="'+arguments[num]+'">'+text+'</font></a>'if(n){this.writeref.write(writetext);this.writeref.close()}if(ie)this.writeref.innerHTML=writetext
num++
setTimeout(this.obj+'.fadeIt("'+text+'","'+link+'","'+font+'",'+size+','+speed+',"'+fn+'",'+num+',"'+c0+'","'+c1+'","'+c2+'","'+c3+'","'+c4+'","'+c5+'","'+c6+'")',speed)}else setTimeout('eval('+fn+')',betweendelay)}function fadeNews(num){if(num<news.length){
fn=fadeback?'fadeBack('+num+')':'fadeNews('+(num+1)+')';
oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,fn,7,
colors[0],colors[1],colors[2],colors[3],colors[4],colors[5],colors[6])}elseif(loop)fadeNews(0)}function fadeBack(num){if(num>=0){
oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,'fadeNews('+(num+1)+')',7,colors[6],colors[5],colors[4],colors[3],colors[2],colors[1],colors[0])}}
onload=fadeInit;/*End of fadescript**********************************************************************************/</script>