Анимированный текст (титры)
<html> <head> <title>Great Text Link Animation</title> <style type="text/css">A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } P.main { FONT-FAMILY: Arial; FONT-SIZE: 16pt; FONT-WEIGHT: bold } </style> </head> <body onload="start()" onunload="stop()"> <p><script language="Javascript"> <!-- Hiding /* Script by Lefteris Haritou Copyright ©1997-1998 http://www.geocities.com/~lef This Script is free as long as you keep the above credit ! */ bname=navigator.appName; bversion=parseInt(navigator.appVersion) if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){ if (bname=="Netscape"){ brows=true dt=1 } else{ brows=false dt=40 } var z=0; var msg=0; var rgb=0; var status=true; var updwn=false; var message= new Array(); var value=0; 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="#e8e8e8"; //Color of background var color="#0000FF"; //Color of the Letters message[0]='Анимация текста' message[1]='Работает в Netscape' message[2]='Поддержка ссылок:' message[3]='<a href="http://krigler.narod.ru/">Нажимай скорее</a>' message[4]='Заходите еще!!!' message[4]='Заходите еще!!!' 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)){ if (brows) res=document.layers['textanim'].top else res=textanim.style.top updwn=true; timer1=window.setInterval('up()',dt) } } function stop(){ if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){ window.clearInterval(timer1); window.clearInterval(timer2); window.clearTimeout(timer3); } } function breakf(){ if (status){ window.clearInterval(timer1); window.clearInterval(timer2); window.clearTimeout(timer3); status=false return; } else{ if (updwn) timer1=window.setInterval('up()',dt) else timer2=window.setInterval('down()',dt) status=true; } } function up(){ if (red<hred){ if ((red+15)<hred){ red+=15; redx = convert[red] } else{ red=hred redx = convert[red] } } if (red>hred){ if ((red-15)>hred){ red-=15; redx = convert[red] } else{ red=hred redx = convert[red] } } if (green<hgreen){ if ((green+15)<hgreen){ green+=15; greenx = convert[green] } else{ green=hgreen greenx = convert[green] } } if (green>hgreen){ if ((green-15)>hgreen){ green-=15; greenx = convert[green] } else{ green=hgreen greenx = convert[green] } } if (blue<hblue){ if ((blue+15)<hblue){ blue+=15; bluex = convert[blue] } else{ blue=hblue bluex = convert[blue] } } if (blue>hblue){ if ((blue-15)>hblue){ blue-=15; bluex = convert[blue] } else{ blue=hblue bluex = convert[blue] } } rgb = "#"+redx+greenx+bluex; if (brows){ document.layers['textanim'].document.linkColor=rgb; document.layers['textanim'].document.vlinkColor=rgb; document.layers['textanim'].document.writeln('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>') document.layers['textanim'].document.close(); } else{ textanim.document.linkColor=rgb; textanim.document.vlinkColor=rgb; textanim.innerHTML='<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>' } if (z<19){ if (brows) document.layers['textanim'].top-=2 else textanim.style.posTop-=2 z++ } else { updwn=false; window.clearInterval(timer1); timer2=window.setInterval('down()',dt) } } function down(){ if (red<ered){ if ((red+15)<ered){ red+=15; redx = convert[red] } else{ red=ered redx = convert[red] } } if (red>ered){ if ((red-15)>ered){ red-=15; redx = convert[red] } else{ red=ered redx = convert[red] } } if (green<egreen){ if ((green+15)<egreen){ green+=15; greenx = convert[green] } else{ green=egreen greenx = convert[green] } } if (green>egreen){ if ((green-15)>egreen){ green-=15; greenx = convert[green] } else{ green=egreen greenx = convert[green] } } if (blue<eblue){ if ((blue+15)<eblue){ blue+=15; bluex = convert[blue] } else{ blue=eblue bluex = convert[blue] } } if (blue>eblue){ if ((blue-15)>eblue){ blue-=15; bluex = convert[blue] } else{ blue=eblue bluex = convert[blue] } } rgb = "#"+redx+greenx+bluex; if (brows){ document.layers['textanim'].document.linkColor=rgb; document.layers['textanim'].document.vlinkColor=rgb; document.layers['textanim'].document.writeln('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>') document.layers['textanim'].document.close(); } else{ textanim.document.linkColor=rgb; textanim.document.vlinkColor=rgb; textanim.innerHTML='<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>' } if (z<38){ if (brows) document.layers['textanim'].top-=2 else textanim.style.posTop-=2 z++ } else { if (brows){ document.layers['textanim'].document.writeln('') document.layers['textanim'].document.close(); } else textanim.innerHTML=''; window.clearInterval(timer2); if(msg<message.length-1){ msg++; z=0; if (brows) document.layers['textanim'].top=res; else textanim.style.top=res; timer3=window.setTimeout('start()',100); } else { msg=0; z=0; if (brows) document.layers['textanim'].top=res; else textanim.style.top=res; timer3=window.setTimeout('start()',2000); } } } } // done hiding --> </script></p> <div id="textanim" onclick="breakf()" style="LEFT: 14; POSITION: absolute; TOP: 50px"> <p><br> <br> <br> <br> <br> <br> </p> </div> <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s200.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html>
