Full version: jsB@nk » Form » Newsticker with cool text-dissolving transition effect
URL: https://www.javascriptbank.com/newsticker-with-cool-text-dissolving-transition-effect.html
Newsboard with a smooth dynamic wavelike transition effect between the messages. Add as many messages as you like. Set each message to a JavaScript link of its own. Crossbrowser (Netscape users will see a simple newsticker without special effect). Easy configuration of font, fontsize, fontcolor, backgroundcolor and so on.
Full version: jsB@nk » Form » Newsticker with cool text-dissolving transition effect
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-->