Version complète: jsB@nk » Form » SuperScroller: 22 flashlike titre animations
URL: https://www.javascriptbank.com/superscroller-22-flashlike-headline-animations.html
Cela est probablement le plus flashy et fantaisie DHTML headline animation script que vous avez jamais vu. Elle s'applique plus de 20 différents effets pour animer vos messages. Crossbrowser (sans effets spéciaux avant NN4, ne fonctionne pas avec NN6). Copie-coller installation. Très facile de configuration des messages, font Proprietes, la position et la taille de défilement.
Version complète: jsB@nk » Form » SuperScroller: 22 flashlike titre animations
URL: https://www.javascriptbank.com/superscroller-22-flashlike-headline-animations.html
<script>// SuperScroller///////////////////////////////////////////////////////////////////////////// CONFIGURATION STARTS HERE///////////////////////////////////////////////////////////////////////////// your messages. Add as many as you like.var messages = new Array()messages[0] = "Transition effects are great!"messages[1] = "They catch the eyes of your visitors"messages[2] = "without wasting bandwidth and space."messages[3] = "This scroller enhances the impact of your pages."messages[4] = "Just copy and paste the code into your webpage."messages[5] = "Configuration of messages and font proprieties is very easy."messages[6] = "Try it and have fun!"messages[7] = "Now it's time to say goodbye."messages[8] = "Thank you for visiting www.24fun.com."messages[9] = "And come back soon."// the background-colors of your scroller. Add as many as you like.var backgroundcolor=new Array("CCCCCC", "yellow", "CCFFFF", "AAEEFF", "CCFF88", "orange")// the font-colors of your messages. Add as many as you like.var fntcolor = new Array("black","red","226622","0000FF")// the font of your messages.var fntfamily="Arial"// the font-size (1 to 7)var fntsize=3// font-weight: set 1 for bold font, set 0 for normal fontvar fntweight=1// the width of the border (pixels)var borderwidth=2// the width of your scroller (pixels)var scrollerwidth=200// the height of your scroller (pixels)var scrollerheight=80// the horizontal position of your scroller (distance to the left margin of browserwindow)var scrollerposition_x=10// the horizontal position of your scroller (distance to the top margin of browserwindow)var scrollerposition_y=10// interval (time for each effect plus standstill time, seconds)var interval=4///////////////////////////////////////////////////////////////////////////// CONFIGURATION ENDS HERE///////////////////////////////////////////////////////////////////////////var i_messages = 0var timerinterval=interval*1000if (fntweight==1) { fntweight="<b>"}else { fntweight=""}function randomposition(range) {return Math.floor(range*Math.random())}function dotransition() { if (document.all) { content.filters[i_messages].apply() content.innerHTML = "<table width="+scrollerwidth+" height="+scrollerheight+" border="+borderwidth+" cellpadding=3 cellspacing=0><tr><td bgcolor="+backgroundcolor[randomposition(backgroundcolor.length)]+" align=center valign=middle>"+fntweight+"<font face="+fntfamily+" size="+fntsize+" color="+fntcolor[randomposition(fntcolor.length)]+">"+messages[i_messages]+"</font></td></tr></table>" content.filters[i_messages].play() if (i_messages >= messages.length-1) { i_messages = 0 } else { i_messages++ } } if (document.layers) { document.nn.document.write("<table width="+scrollerwidth+" height="+scrollerheight+" border="+borderwidth+" cellpadding=3 cellspacing=0><tr><td bgcolor="+backgroundcolor[randomposition(backgroundcolor.length)]+" align=center valign=middle>") document.nn.document.write(fntweight+"<font face="+fntfamily+" size="+fntsize+" color="+fntcolor[randomposition(fntcolor.length)]+">"+messages[i_messages]+"</font></td></tr></table>")document.close() if (i_messages >= messages.length-1) { i_messages = 0 } else { i_messages++ } } timer = setTimeout("dotransition()",interval) }if (document.all) { document.write('<DIV id=content style="position:absolute; top:'+scrollerposition_y+'px; left:'+scrollerposition_x+'px; text-align:center; filter: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2) revealTrans(Transition=4, Duration=2) revealTrans(Transition=5, Duration=1) revealTrans(Transition=6, Duration=3) revealTrans(Transition=7, Duration=2) revealTrans(Transition=8, Duration=1) revealTrans(Transition=9, Duration=3) revealTrans(Transition=10, Duration=1) revealTrans(Transition=11, Duration=2) revealTrans(Transition=12, Duration=3) revealTrans(Transition=13, Duration=1) revealTrans(Transition=14, Duration=2) revealTrans(Transition=15, Duration=3) revealTrans(Transition=16 Duration=1) revealTrans(Transition=17, Duration=2) revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3)"><table width='+scrollerwidth+' height='+scrollerheight+' border='+borderwidth+' cellpadding=3 cellspacing=0><tr><td bgcolor='+backgroundcolor[randomposition(backgroundcolor.length)]+' align=center valign=middle> </td></tr></table></DIV>') window.onload=dotransition}if (document.layers) { document.write('<layer id=nn top='+scrollerposition_y+' left='+scrollerposition_x+'> </layer>') document.close() window.onload=dotransition } </script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->