Full version: jsB@nk » Multimedia » Events » Fading Snowfall Headline Board
URL: https://www.javascriptbank.com/fading-snowfall-headline-board.html
Add this JavaScript code to your site and bring XMas into the hearts of your visitors. Add as many messages and snow-flakes as you want. Very easy to configure size, colors, borders, font-attributes and snow-effect. No need images. Full effect on IE5x/6x, NS6x/7x. Standard effect on Opera7x and NS4x.
Full version: jsB@nk » Multimedia » Events » Fading Snowfall Headline Board
URL: https://www.javascriptbank.com/fading-snowfall-headline-board.html
<script>// Headline Fader with snow-effect// Type the messages into the text-Array. Add as many as you like.var text=new Array("Hello, thank you for visiting JavaScriptBank.com", "We love to show you some dirty tricks.", "Merry x-mas and happy holidays.", "Come back soon.")// Type a link for each message. If you don't want to add a link add a "#" insteadvar textlink=new Array("http://JavaScriptBank.com","http://JavaScriptBank.com","http://JavaScriptBank.com","http://JavaScriptBank.com")// Type the target-window for each link. Acceepted values are "_blank", "_top", // "_parent" or the name of any framevar texttarget=new Array("_top","_top","_top","_top")// Set the font for the headline-fadervar textfont="Arial"// Set the font-color for the headline-fader (hexadecimal triplet values recommended)var textfontcolor="#AAAAFF"// Set the rollover-color for the headline-fader (hexadecimal triplet values recommended)var textfontcolorrollover="#ffff00"// Set the font-size for the headline-fader (points)var textfontsize=11// Set the background-color for the headline-fader (hexadecimal triplet values recommended)var textbgcolor="#000000"// Set the width of the headline-fader (pixels)var textwidth=280// Set the height of the headline-fader (pixels)var textheight=120// Set the pause between the messages (seconds)var textpause=2// Set the borderwidth (pixels)var textborder=3// Set the border-color (hexadecimal triplet values recommended)var textbordercolor="#AAAAFF"// Set the horizontal text-position. Allowed values are "center" or "left" or "right"var textalign="center"// Set the vertical text-position. Allowed values are "middle" or "top" or "bottom"var textvalign="middle"// Set the number of snowflakes (more than 20 - 30 not recommended)var snowmax=20// Set the colors for the snow. Add as many colors as you likevar snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")// Set the fonts, that create the snowflakes. Add as many fonts as you likevar snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")// Set the letter that creates your snowflake (recommended:*)var snowletter="*"// Set the speed of sinking (recommended values range from 0.3 to 2)var sinkspeed=0.6// Set the maximal-size of your snowflaxes (points)var snowmaxsize=16// Set the minimal-size of your snowflaxes (points)var snowminsize=8// Set font-style. Acceptable values are "normal" or "italic"var textitalic="normal"// Set font-weight. Acceptable values are "normal" or "bold"var textweight="bold"// do not edit below this linevar textdecoration="none"var transparency=100var transparencystep=5var x_pos=0var y_pos=0var i_text=0if (textitalic=="italic") {var textitalicA="<i>"; var textitalicB="</i>"}else {var textitalicA="<i>"; var textitalicB="</i>"}if (textweight=="bold") {var textweightA="<b>"; var textweightB="</b>"}else {var textweightA=""; var textweightB=""}var textweightA="<b>"var textweightB="</b>"var tickercontentvar pausefade=40var oneloopfinished=falsevar snow=new Array()var marginbottomvar marginrightvar timervar i_snow=0var x_mv=new Array();var crds=new Array();var lftrght=new Array();var textfontsizeHTML=Math.floor(textfontsize/4)textpause*=1000if (textfontsizeHTML<1) {textfontsizeHTML=1}if (textfontsizeHTML>=7) {textfontsizeHTML=7}var browserinfos=navigator.userAgent var ns4=document.layersvar ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)var ie=document.all&&!browserinfos.match(/Opera/)var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)var opera=browserinfos.match(/Opera/) function changecontent() {getcontent()i_text++if (i_text>=text.length) {i_text=0}if (ie) {ticker.innerHTML=contentfadein()}if (ns6) {document.getElementById('ticker').innerHTML=contentfadein()}if (opera) {document.getElementById('ticker').innerHTML=contentvar texttimer=setTimeout("changecontent()",textpause*1.5)}if (ns4) {document.roof.document.ticker.document.write(content)document.roof.document.ticker.document.close()var texttimer=setTimeout("changecontent()",textpause)}}function fadein() {if (transparency<100){transparency+=transparencystepif (ie) {document.all.ticker.filters.alpha.opacity=transparency}if (ns6) {document.getElementById('ticker').style.MozOpacity=transparency/100}var fadetimer=setTimeout("fadein()",pausefade)}else {clearTimeout(fadetimer)setTimeout("fadeout()",textpause)}}function fadeout() {if (transparency>0){transparency-=transparencystepif (ie) {document.all.ticker.filters.alpha.opacity=transparency}if (ns6) {document.getElementById('ticker').style.MozOpacity=transparency/100}var fadetimer=setTimeout("fadeout()",pausefade)}else {clearTimeout(fadetimer)setTimeout("changecontent()",1000)}}getcontent()function getcontent() {if (ie) {var tablewidth=textwidth-2*textbordervar tableheight=textheight-2*textborder}else {var tablewidth=textwidthvar tableheight=textheight}if (ie || ns6 || opera) {var padding=parseInt(textborder)+3content="<table width="+tablewidth+" height="+tableheight+" cellpadding="+padding+" cellspacing=0 border=0><tr valign="+textvalign+"><td align="+textalign+">"content+="<a href=""+textlink[i_text]+"" target=""+texttarget[i_text]+"" style="position:relative;font-family:'"+textfont+"';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolor+";font-style:"+textitalic+";" onMouseOver="this.style.color='"+textfontcolorrollover+"'" onMouseOut="this.style.color='"+textfontcolor+"'">"content+=text[i_text]content+="</a></td></tr></table>"}else {content="<table width="+tablewidth+" height="+tableheight+" cellpadding="+textborder+" cellspacing=0><tr valign="+textvalign+"><td align="+textalign+">"content+="<a href=""+textlink[i_text]+"" target=""+texttarget[i_text]+"" style="position:relative;font-family:'"+textfont+"';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolor+";font-style:"+textitalic+";">"content+=text[i_text]content+="</a></td></tr></table>"framecontent="<table width="+tablewidth+" height="+tableheight+" cellpadding=0 cellspacing=0 border="+textborder+"><tr><td>"framecontent+="<font color=""+textbgcolor+"">"framecontent+="."framecontent+="</font>"framecontent+="</td></tr></table>"}}function randommaker(range) {rand=Math.floor(range*Math.random()) return rand}function initsnow() {marginbottom = textheightmarginright = textwidthvar snowsizerange=snowmaxsize-snowminsizefor (i=0;i<=snowmax;i++) {crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10;snow[i]=document.getElementById("s"+i)snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]snow[i].size=randommaker(snowsizerange)+snowminsizesnow[i].style.fontSize=snow[i].sizesnow[i].style.color=snowcolor[randommaker(snowcolor.length)]snow[i].sink=sinkspeed*snow[i].size/5snow[i].posx=randommaker(marginright-snow[i].size)snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)snow[i].style.left=snow[i].posxsnow[i].style.top=snow[i].posy}movesnow();changecontent()}function movesnow() {for (i=0;i<=snowmax;i++) {crds[i] += x_mv[i];snow[i].posy+=snow[i].sinksnow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);snow[i].style.top=snow[i].posyif (snow[i].posy>=marginbottom || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){snow[i].posx=randommaker(marginright-snow[i].size)snow[i].posy=0}}var timer=setTimeout("movesnow()",50)}if (ie || ns6 || opera) {if (ns6) {textwidth-=2*textbordertextheight-=2*textborder}document.write("<table border=0 cellpadding=0 cellspacing=0><tr><td width="+textwidth+" height="+textheight+" valign=top>")document.write("<div id="roof" style="position:relative;width:"+textwidth+"px;height:"+textheight+"px;font-family:'"+textfont+"';border-style:solid;border-color:"+textbordercolor+";border-width:"+textborder+"px;background-color:"+textbgcolor+";overflow:hidden">")document.write("<div id="ticker" style="position:absolute;top:"+-textborder+"px;left:"+-textborder+"px;width:"+textwidth+"px;height:"+textheight+"px;font-family:'"+textfont+"';font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+";border-style:solid;border-color:"+textbordercolor+";border-width:"+textborder+"px;background-color:"+textbgcolor+";overflow:hidden;filter:alpha(opacity=100)">")document.write("</div>")for (i=0;i<=snowmax;i++) {document.write("<div id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</div>")}document.write("</div>")document.write("</td></tr></table>")window.onload=initsnow}else if (ns4) {document.write("<table border=0 cellpadding=0 cellspacing=0><tr><td width="+textwidth+" height="+textheight+" valign=top>")document.write("<ilayer name="roof" width="+textwidth+" height="+textheight+">")document.write("<layer name="tickerframe" width="+textwidth+" height="+textheight+" top=0 left=0 bgcolor="+textbgcolor+">")document.write(framecontent)document.write("</layer>")document.write("<layer name="ticker" width="+textwidth+" height="+textheight+" top=0 left=0>")document.write()document.write("</layer>")document.write("</ilayer>")document.write("</td></tr></table>")window.onload=changecontent}</script>