»
AnglaisFrançaisVietnamien

Imprimer - Développer ticker avec fade-in fade-out-effet - JavaScriptBank.com

Version complète: jsB@nk » Texte » Fade-Glow » Développer ticker avec fade-in fade-out-effet
URL: https://www.javascriptbank.com/expanding-ticker-with-fade-in-fade-out-effect.html

Développer ticker avec fade-in fade-out-effet © JavaScriptBank.comAccroître les news ticker est un message-et-flasheur IE4.x pour peigner plusieurs techniques telles que la dynamique de l'espacement des lettres, fade-in fade-out effet, le message de manÅ“uvre. DHTML Ce script n'a pas besoin d'images. Ainsi, il est très facile et rapide à configurer.

Version complète: jsB@nk » Texte » Fade-Glow » Développer ticker avec fade-in fade-out-effet
URL: https://www.javascriptbank.com/expanding-ticker-with-fade-in-fade-out-effect.html



JavaScript
<SCRIPT language=javaScript><!-- Beginning of JavaScript -var i_space=-10var i_message=0var i_message=0var i_color=0var myfont="Verdana"var myfontsize="6"var timervar startstep=1var step=1var pause=3000var message=new Array()message[0]="Welcome to our new free script-center."message[1]="Download free cross-browser scripts."message[2]="Test scripts from all over the world."message[3]="Be happy and have fun."var colo=new Array()colo[0]="FFFFFF"colo[1]="FFEEEE"colo[2]="FFDDDD"colo[3]="FFCCCC"colo[4]="FFBBBB"colo[5]="FFAAAA"colo[6]="FF9999"colo[7]="FF8888"colo[8]="FF7777"colo[9]="FF6666"colo[10]="FF4444"colo[11]="FF3333"colo[12]="FF2222"colo[13]="FF0000"function startspacing() {if(i_space <=1 ) {if(document.all) {ticker.innerHTML="<span style='position:absolute; visibility:visible; letter-spacing:"+i_space+"'><nobr><font size="+myfontsize+" face="+myfont+" color="+colo[i_color]+"><b>&nbsp;"+message[i_message]+"</b></font></nobr></span>";}if(document.layers) {document.ticker.document.write("<span style='position:absolute; visibility:visible; letter-spacing:"+i_space+"'><nobr><font size="+myfontsize+" face="+myfont+" color="+colo[i_color]+"><b>&nbsp;"+message[i_message]+"</b></font></nobr></span>");}i_space=i_space+startstepi_color++if (i_color>=13) {i_color=13}timer=setTimeout("startspacing()",20)}else {clearTimeout(timer)showmessage()}}function showmessage() {clearTimeout(timer)timer=setTimeout("spaceletters()",pause)i_color=13}function spaceletters() {if(i_space <=1000 ) {if(document.all) {ticker.innerHTML="<span style='position:absolute; visibility:visible; letter-spacing:"+i_space+"'><nobr><font size="+myfontsize+" face="+myfont+" color="+colo[i_color]+"><b>&nbsp;"+message[i_message]+"</b></font></nobr></span>";}if(document.layers) {document.ticker.document.write("<span style='position:absolute; visibility:visible; letter-spacing:"+i_space+"'><nobr><font size="+myfontsize+" face="+myfont+" color="+colo[i_color]+"><b>&nbsp;"+message[i_message]+"</b></font></nobr></span>");}i_color--if (i_color<=0) {i_color=0}step++i_space=i_space+steptimer=setTimeout("spaceletters()",20)}else {i_message++if (i_message==message.length) {i_message=0}i_space=1i_space=-10startstep=1step=1clearTimeout(timer)startspacing()}}// - End of JavaScript - --></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onload=startspacing()><DIV id=ticker style="LEFT: 20px; POSITION: absolute; TOP: 20px; VISIBILITY: visible"></DIV></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->