Version complète: jsB@nk » Form » Newsticker cool texte avec effet de transition à dissolution
URL: https://www.javascriptbank.com/newsticker-with-cool-text-dissolving-transition-effect.html
Newsboard avec une bonne dynamique vague effet de transition entre les messages. Ajoutez autant de messages que vous le souhaitez. Réglez chaque message à un JavaScript lien de sa propre initiative. Crossbrowser (Netscape utilisateurs verront une simple newsticker sans effets spéciaux). Facile de configuration de la police, la taille des caractères, fontColor, BackgroundColor et ainsi de suite.
Version complète: jsB@nk » Form » Newsticker cool texte avec effet de transition à dissolution
URL: https://www.javascriptbank.com/newsticker-with-cool-text-dissolving-transition-effect.html
<SCRIPT language=JavaScript><!-- Beginning of JavaScript -// Newsticker with text-dissolving transition effect// Your messages. Add as many as you likevar message=new Array()message[0]="JavaScriptBank - Bank of over 2000+ free JavaScript"// the URLs of your messagesvar messageurl=new Array()messageurl[0]="http://javascriptbank.com"// the targets of the links// accepted values are '_blank' or '_top' or '_parent' or '_self'// or the name of your target-window (for instance 'main')var messagetarget=new Array()messagetarget[0]="_blank"messagetarget[1]="_blank"messagetarget[2]="_blank"// the text of your links. In this sample it's the word 'more'var linktext=" Go "// font-sizevar fntsize=11// font-colorvar fntcolor="FFFF00"// font-familyvar fntfamily="Verdana"// font-weight: 1 means bold, 0 means normalvar fntweight=0// standstill of each image(seconds)var pause=3var backgroundcolor="444444"// horizontal position of the slideshow (distance to the left margin of the browser-window, pixels)var posleft=5// vertical position of the slideshow (distance to the top margin of the browser-window, pixels)var postop=5// width of the textbox (pixels)var scrollerwidth=200// height of the textbox (pixels)var scrollerheight=200// width of the border (pixels)var scrollerborder=2// width of the textpadding (pixels)var textpadding=15// do not edit the variables belowvar textwidth=scrollerwidth-(2*textpadding)var textcontent=""var bgcontent=""var i_message=0var i_stepwave=0var i_maxstepwave=20pause=pause*1000if (fntweight==1) {fntweight="700"}else {fntweight="100"}function initiate() { gettextcontent()getbgcontent() if (document.all) {wavemessage.innerHTML=textcontentwavemessagebg.innerHTML=bgcontentwavemessagebg.style.posLeft=posleftwavemessagebg.style.posTop=postopwavemessage.style.posLeft=posleft+textpaddingwavemessage.style.posTop=postop+textpaddingenlargewave() } if (document.layers) { document.wavemessage.left=posleft+textpaddingdocument.wavemessage.top=postop+textpaddingdocument.wavemessagebg.document.write(bgcontent) document.wavemessagebg.document.close()document.wavemessagebg.left=posleftdocument.wavemessagebg.top=postop changemessage() }}function enlargewave() { if (i_stepwave<=i_maxstepwave) { wavemessage.filters.wave.phase=i_stepwave wavemessage.filters.wave.strength=i_stepwave wavemessage.filters.wave.lightstrength=i_stepwave wavemessage.filters.wave.freq=i_stepwave i_stepwave++ var timer=setTimeout("enlargewave()",50) } else { clearTimeout(timer) changemessage() }}function reducewave() { if (i_stepwave>0) { wavemessage.filters.wave.phase=i_stepwave wavemessage.filters.wave.strength=i_stepwave wavemessage.filters.wave.lightstrength=i_stepwave wavemessage.filters.wave.freq=i_stepwave i_stepwave-- var timer=setTimeout("reducewave()",50) } else { clearTimeout(timer) var timer=setTimeout("enlargewave()",pause) }}function changemessage() { i_message++ if (i_message>=message.length) {i_message=0} gettextcontent() if (document.all) { wavemessage.innerHTML=textcontent reducewave() } if (document.layers) { document.wavemessage.document.write(textcontent) document.wavemessage.document.close() var timer=setTimeout("changemessage()",pause) } }function gettextcontent() {textcontent="<span style='font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+";width:"+textwidth+"px'>"textcontent+="<font color="+fntcolor+">"+message[i_message]+"</font> "textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"textcontent+="<br><br><font color="+fntcolor+">"+linktext+"</font></a></span>"}function getbgcontent() {bgcontent="<table width="+scrollerwidth+" height="+scrollerheight+" border="+scrollerborder+"><tr><td bgcolor="+backgroundcolor+"> </td></tr></table>"}// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=initiate()><DIV id=wavemessagebg style="POSITION: absolute;"></DIV><DIV id=wavemessage style="FILTER: wave(); POSITION: absolute;"></DIV></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->