»
AnglaisFranaisVietnamien

Imprimer - Highlighter Scroller II - JavaScriptBank.com

Version complte: jsB@nk » Scrollers » Défilement vertical » Highlighter Scroller II
URL: http://www.javascriptbank.com/highlighter-scroller-ii.html

Highlighter Scroller II © JavaScriptBank.comHighlighter Scroller II est visuellement attrayant, plusieurs lignes de défilement. Elle révèle progressivement chaque message en vue de bas en haut, et est configurable dans de nombreux aspects. Travaux dans tous les DHTML -navigateurs IE4 +, NS6 +, et Opera 7 +. N'oubliez pas de cliquer sur Highlighter Scroller I pour une seule bordée de défilement.

Version complte: jsB@nk » Scrollers » Défilement vertical » Highlighter Scroller II
URL: http://www.javascriptbank.com/highlighter-scroller-ii.html



HTML
<script type="text/javascript">//CONFIGURE MESSAGES AND VARIABLESvar tickercontents=new Array()tickercontents[0]='Looking for free JavaScript? Visit <a href="http://JavaScriptBank.com">JavaScriptBank.com</a>!'var tickerwidth="200px"var tickerheight="70px"var fontcss="font: bold 14px Verdana; color:black"var tickdelay=3000 //delay btw messagesvar highlightspeed=2 //2 pixels at a time.var highlightcolor="lightyellow"var backdroptextcolor="#E1E1E1"////Do not edit pass this line////////////////document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')document.write('</div>')var currentmessage=0var clipbottom=1function changetickercontent(){msgheight=clipbottom=crosstick.offsetHeightcrosstick.style.clip="rect("+msgheight+"px auto auto 0px)"crosstickbg.innerHTML=tickercontents[currentmessage]crosstick.innerHTML=tickercontents[currentmessage]highlightmsg()}function highlightmsg(){//var msgheight=crosstick.offsetHeightif (clipbottom>0){clipbottom-=highlightspeedcrosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"beginclip=setTimeout("highlightmsg()",20)}else{clipbottom=msgheightclearTimeout(beginclip)if (currentmessage==tickercontents.length-1) currentmessage=0else currentmessage++setTimeout("changetickercontent()",tickdelay)}}function start_ticking(){crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbgcrosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlightercrosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElementif (parseInt(crosstick.offsetHeight)>0)crosstickParent.style.height=crosstick.offsetHeight+'px'elsesetTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sakechangetickercontent()}if (document.all || document.getElementById)window.onload=start_ticking</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->