« »

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.

Label: fading, snowfall, headline, board, Headline Fader with Snow-Effect, XMas, heart, message, snow flake, border, Internet Explorer, Netscape, Opera

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
HTML
Print

Copy All x2

<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 "#" instead
var 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 frame
var texttarget=new Array("_top","_top","_top","_top")

// Set the font for the headline-fader
var 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 like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var 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 line
var textdecoration="none"
var transparency=100
var transparencystep=5
var x_pos=0
var y_pos=0
var i_text=0
if (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 tickercontent
var pausefade=40
var oneloopfinished=false
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var textfontsizeHTML=Math.floor(textfontsize/4)
textpause*=1000

if (textfontsizeHTML<1) {textfontsizeHTML=1}
if (textfontsizeHTML>=7) {textfontsizeHTML=7}

var browserinfos=navigator.userAgent 
var ns4=document.layers
var 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=content
		fadein()
	}
	if (ns6) {
		document.getElementById('ticker').innerHTML=content
		fadein()
	}
	if (opera) {
		document.getElementById('ticker').innerHTML=content
		var 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+=transparencystep
		if (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-=transparencystep
		if (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*textborder
		var tableheight=textheight-2*textborder
	}
	else {
		var tablewidth=textwidth
		var tableheight=textheight
	}
	if (ie || ns6 || opera) {	
		var padding=parseInt(textborder)+3
		content="<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 = textheight
	marginright = textwidth
	var snowsizerange=snowmaxsize-snowminsize
	for (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)+snowminsize
		snow[i].style.fontSize=snow[i].size
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
		snow[i].sink=sinkspeed*snow[i].size/5
		snow[i].posx=randommaker(marginright-snow[i].size)
		snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
		snow[i].style.left=snow[i].posx
		snow[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].sink
		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
		snow[i].style.top=snow[i].posy
		
		if (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*textborder
		textheight-=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>

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (1)
New

BBCode
HTML
URL
JID

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz
Voice chat comning soon. You could talk to ChatGPT and hear the most intelligent AI speaks very soon

Cool Domains for Sale!

choose.works ChainTutor.com choose.exchange YeuNu.com CreditCard.rip ZWVQ.com Card.rip eChainBank.com ApexBTC.com CTRCoin.com ChatTotal.com system.money war.money pornID.net XMQV.com this.bid CryptoKD.com ABP3.com index.services CoinHolo.com

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Peter Gehrig [more]
6,786
0
38
1
11.73 KBytes

JavaScript Fading Snowfall Headline Board

2.5/5 38 votes / 6,786 previews / 0 comment 30/01/2007 Add this JavaScript code to your site and bring XMas into the hearts of your visitors. Add as many ...JavaScript Fading Snowfall Headline Board - Fading Snowfall Headline Board

VioDes7 nothing2611[2] backlong7690 harleydavidsons thombt hoangtruc99 tranlevietthao nguyenbadai210 ttchit