Tip: you can modify some code before running
<html><head><title>Scroll text fade-in and fade-out</title><meta content="text/html; charset=gb2312" http-equiv="Content-Type"><style type="text/css">. Textanimlink {TEXT-DECORATION: none} A {TEXT-DECORATION: none} P. main {FONT-FAMILY: Arial; FONT-SIZE: 15pt; FONT-WEIGHT: bold}</style><meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)"></head><body bgproperties="fixed"><script language="Javascript">Bname = navigator. appName; bversion = parseInt (navigator. appVersion) if (bname = "Netscape" & bversion> = 4) | (bname = "Microsoft Internet Explorer" & bversion> = 4) window. onload = startelsestop (); window. onunload = stopif (bname = "Netscape") {brows = truedt = 2} else {brows = falsedt = 20} var z = 0; var msg = 0; var rgb = 0; var link = false; var status = true; var updwn = false; var message = new Array (); var value = 0; var h = window. innerHeight; var w = window. innerWidth; var timer1; var timer2; var timer3; var convert = new Array () var hexbase = new Array ("0", "1", "2", "3 ", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D ", "E", "F"); var bgcolor = "# 0000FF"; // background color var color = "# FF0000 "; // character color message [0] = 'webpage effect 'message [1] = 'free resource' message [2] = 'webpage clip' message [3] ='★Welcome to learn how to make special effects on webpages!★'For (x = 0; x <16; x ++) {for (y = 0; y <16; y ++) {convert [value] = hexbase [x] + hexbase [y]; value ++ ;}} redx = color. substring (1, 3); greenx = color. substring (3, 5); bluex = color. substring (5, 7); hred = eval (parseInt (redx, 16); hgreen = eval (parseInt (greenx, 16); hblue = eval (parseInt (bluex, 16); eredx = bgcolor. substring (1, 3); egreenx = bgcolor. substring (3, 5); ebluex = bgcolor. substring (5, 7); ered = eval (parseInt (eredx, 16); egreen = eval (parseInt (egreenx, 16); eblue = eval (parseInt (ebluex, 16); red = ered; green = egreen; blue = eblue; function start () {if (bname = "Netscape" & bversion> = 4) | (bname = "Microsoft Internet Explorer" & bversion> = 4) {link = false; updwn = true; if (brows) res = document. layers ['texttanim']. topelse {textanim. style. width = document. body. offsetWidth-20; textanim. innerHTML ='<Pre><P Class="main" Align="Center">'+ Message [msg] +'</p></pre>'Res = textanim. style. topfor (x = 0; x<document.all.length; x++)if(document.all[x].id=="textanimlink")link=true;}up()}}function stop(){clearTimeout(timer1);clearTimeout(timer2);clearTimeout(timer3);}function resz(){h=window.innerHeight;w=window.innerWidth;if (updwn)timer1=setTimeout('up()',1000)elsetimer2=setTimeout('down()',1000)}function breakf(){if (status){clearTimeout(timer1);clearTimeout(timer2);status=falsereturn;}else{status=true;if (updwn)timer1=setTimeout('up()',dt)elsetimer2=setTimeout('down()',dt)}}function up(){if (red<hred){if ((red+7)<hred)red+=7;elsered=hredredx = convert[red]}else{if ((red-7)>Hred) red-= 7; elsered = hredredx = convert [red]} if (green<hgreen){if ((green+7)<hgreen)green+=7;elsegreen=hgreengreenx = convert[green]}else{if ((green-7)>Hgreen) green-= 7; elsegreen = hgreengreengreenx = convert [green]} if (blue<hblue){if ((blue+7)<hblue)blue+=7;elseblue=hbluebluex = convert[blue]}else{if ((blue-7)>Hblue) blue-= 7; elseblue = hbluebluex = convert [blue]} rgb = "#" + redx + greenx + bluex; if your ument. vlinkColor = rgb; if (window. innerHeight! = H | window. innerWidth! Please w){cleartimeout(timer1)resz(%return%%else%document.layers%'textanim'%.doc ument. write ('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+ Message [msg] +'</font></p></pre>'{Document.layers}'textanim'}.doc ument. close () ;}} else {textanim. style. color = rgb; if (link) textanimlink. style. color = rgb;} if (z <38) {if (brows) document. layers ['texttanim']. top -- elsetextanim. style. posTop -- z ++ timer1 = setTimeout ('up () ', dt)} else {updwn = false; down ()} function down () {if (red<ered){if ((red+7)<ered)red+=7;elsered=eredredx = convert[red]}else{if ((red-7)>Ered) red-= 7; elsered = eredredx = convert [red]} if (green<egreen){if ((green+7)<egreen)green+=7;elsegreen=egreengreenx = convert[green]}else{if ((green-7)>Egreen) green-= 7; elsegreen = egreengreenx = convert [green]} if (blue<eblue){if ((blue+7)<eblue)blue+=7;elseblue=ebluebluex = convert[blue]}else{if ((blue-7)>Eblue) blue-= 7; elseblue = ebluebluex = convert [blue]} rgb = "#" + redx + greenx + bluex; if your ument. vlinkColor = rgb; if (window. innerHeight! = H | window. innerWidth! Please w){cleartimeout(timer2}{resz(%return%%else%document.layers%'textanim'%.doc ument. write ('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+ Message [msg] +'</font></p></pre>'{Document.layers}'textanim'}.doc ument. close () ;}} else {textanim. style. color = rgb; if (link) textanimlink. style. color = rgb;} if (z <76) {if (brows) document. layers ['texttanim']. top -- elsetextanim. style. posTop -- z ++ timer2 = setTimeout ('down () ', dt)} else {if your ument. close ();} elsetextanim. innerHTML = ''; window. clearInterval (timer2); if (msg<message.length-1){msg++;z=0;if (brows){document.layers['textanim'].top=res;}elsetextanim.style.top=res;timer3=setTimeout('start()',100);}else{msg=0;z=0;if (brows)document.layers['textanim'].top=res;elsetextanim.style.top=res;timer3=setTimeout('start()',2000);}}}</script><div id="textanim" onclick="breakf()" ></div> </body> </html>
Tip: you can modify some code before running