« »

Charming little XMAS-scroller with snowing-animation and eyecatching shadow-font. The CENTERED scroller sticks to its vertical position even if you scroll down your webpage. Add as many messages as you like. Each message can be linked to a different URL. Easy installation of messages, links, fontcolor, fontfamily, fontsize and vertical position.

Label: Floating Christmas-Scroller with shadow-font and snowing-animation

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
JavaScript
HTML
Print

Copy All x2

<SCRIPT>
// Floating Christmas-Scroller with shadow-font and snowing-animation

// EDIT THE VARIABLES/VALUES BELOW:

// messages. Add as many messages as you like
var message=new Array()
message[0]="Merry Christmas, dear visitor!"
message[1]="We hope to see you again next year."
message[2]="Have a good time and enjoy life!"

// links of the messages (you need to set up link for each message)
var messageurl=new Array()
messageurl[0]="http://JavaScriptBank.com"
messageurl[1]="http://JavaScriptBank.com"
messageurl[2]="http://JavaScriptBank.com"

// targets of the links  (you need to set up a target for each message)
// 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"

// color of the messages
var textcolor="orange"

// color of the message-shadows
var textshadowcolor="blue"

// speed 1: lower means faster
var pause=20

// speed 2: higher means faster
var step=2

// font-size of messages
var fntsize=14

// font-family of messages
var fntfamily="Impact"

// font-weight: 1 means bold, 0 means normal
var fntweight=0

// backgroundcolor of scroller
var backgroundcolor="000000"

// borderwidth of scroller (pixels)
var borderwidth=2

// scroller-distance from the top of your browser-window (pixels)
var topdistance=220

//**********************************************************************************

// DO  NOT EDIT ANYTHING BELOW THIS LINE!!!!
var snowani=new Array("snowani0.gif", "snowani1.gif", "snowani2.gif")
var snowani0=new Image()
snowani0.src="snowani0.gif"
var snowani1=new Image()
snowani1.src="snowani1.gif"
var snowani2=new Image()
snowani2.src="snowani2.gif"
var cellpad=10
var scrollerwidth=220
var scrollerheight=30
var shadowsize=1
var scrollerleft
var scrollertop
var screenwidth
var clipleft,clipright,cliptop,clipbottom
var i_message=0
var i_snowani=0
var timer
var textwidth
var textcontent=""
var textshadowcontent=""
var bgcontent=""
if (fntweight==1) {fntweight="bold"}
else {fntweight="normald"}
topdistance=topdistance+cellpad

function doanimation() {
	if (i_snowani>=3) {i_snowani=0}
	if (document.all) {
		bgcontent="<img src='"+snowani[i_snowani]+"'>"
		bgscroller.innerHTML=bgcontent
	}
	if (document.layers) {
		document.bgscroller.document.snowpic.src=snowani[i_snowani]
	}
	i_snowani++
	var animation_timer=setTimeout("doanimation()",200)
}

function init() {
	doanimation()
	gettextcontent()
	if (document.all) {gettextshadowcontent()}
    if (document.all) {
		screenwidth=document.body.clientWidth
		scrollertop=document.body.scrollTop
		scrollerleft=screenwidth/2-scrollerwidth/2
		text.innerHTML=textcontent
		textshadow.innerHTML=textshadowcontent
		textwidth=text.offsetWidth
		document.all.bgscroller.style.posTop=scrollertop-cellpad+topdistance
        document.all.bgscroller.style.posLeft=scrollerleft-cellpad
		document.all.text.style.posTop=scrollertop+topdistance
        document.all.text.style.posLeft=scrollerleft+scrollerwidth
		document.all.textshadow.style.posTop=scrollertop+shadowsize+topdistance
        document.all.textshadow.style.posLeft=scrollerleft+scrollerwidth+shadowsize
		clipleft=0
		clipright=0
		cliptop=0
		clipbottom=scrollerheight
		document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.textshadow.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrolltext()
    }
	if (document.layers) {
		screenwidth=window.innerWidth
		scrollertop=pageYOffset
		scrollerleft=screenwidth/2-scrollerwidth/2
		document.text.document.write(textcontent)
		document.text.document.close()

		textwidth=document.text.document.width
		
		document.bgscroller.top=scrollertop-cellpad+topdistance
        document.bgscroller.left=scrollerleft-cellpad
		document.text.top=scrollertop+topdistance
		document.text.left=scrollerleft+scrollerwidth
		
		document.text.clip.left=0
		document.text.clip.right=0
		document.text.clip.top=0
		document.text.clip.bottom=scrollerheight

        scrolltext()
    }
}

function scrolltext() {
    if (document.all) {
		if (document.all.text.style.posLeft>=scrollerleft-textwidth) {
			document.all.text.style.posLeft-=step
			document.all.textshadow.style.posLeft=document.all.text.style.posLeft+shadowsize
			clipright+=step
			if (clipright>scrollerwidth) {
				clipleft+=step
			}
			scrollertop=document.body.scrollTop
			document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
			document.all.textshadow.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
			document.all.bgscroller.style.posTop=scrollertop-cellpad+topdistance
			document.all.text.style.posTop=scrollertop+topdistance
			document.all.textshadow.style.posTop=scrollertop+shadowsize+topdistance
			var timer=setTimeout("scrolltext()",pause)
		}
		else {
			changetext()
		}
	}
   if (document.layers) {
		if (document.text.left>=scrollerleft-textwidth) {
			document.text.left-=step
			document.text.clip.right+=step
			if (document.text.clip.right>scrollerwidth) {
				document.text.clip.left+=step
			}
			scrollertop=pageYOffset
			document.bgscroller.top=scrollertop-cellpad+topdistance
			document.text.top=scrollertop+topdistance
			var timer=setTimeout("scrolltext()",pause)
		}
		else {
			changetext()
		}
	}
}

function changetext() {
    i_message++
	if (i_message>message.length-1) {i_message=0}
	gettextcontent()
	if (document.all) {gettextshadowcontent()}
	if (document.all) {
		text.innerHTML=textcontent
		textshadow.innerHTML=textshadowcontent
		textwidth=text.offsetWidth
		
        document.all.text.style.posLeft=scrollerleft+scrollerwidth
		document.all.textshadow.style.posLeft=scrollerleft+scrollerwidth+shadowsize
		clipleft=0
		clipright=0
		document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.textshadow.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		
        scrolltext()
	}

	if (document.layers) {
   		document.text.document.write(textcontent)
		document.text.document.close()
		textwidth=document.text.document.width

		document.text.left=scrollerleft+scrollerwidth
		document.text.clip.left=0
		document.text.clip.right=0
		
        scrolltext()
	}
}

function gettextcontent() {
	textcontent="<span style='position:relative;font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+"'>"
	textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"
	textcontent+="<nobr><font color="+textcolor+">"+message[i_message]+"</font></nobr></a></span>"
	
}

function gettextshadowcontent() {
	textshadowcontent="<span style='position:relative;font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+"'>"
	textshadowcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"
	textshadowcontent+="<nobr><font color="+textshadowcolor+">"+message[i_message]+"</font></nobr></a></span>"
}


window.onresize=init;
window.onload=init;
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<DIV ID="bgscroller" style="position:absolute;">
  <img name="snowpic" src="snowani0.gif" width="240" height="40"></DIV>
<DIV ID="textshadow" style="position:absolute;"></DIV>
<DIV ID="text" style="position:absolute;"></DIV>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

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!

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

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

30/01/2007
Peter Gehrig [more]
3,335
0
1
1
9.44 KBytes

JavaScript Floating Christmas-Scroller with shadow-font and snowing-animation

3/5 1 votes / 3,335 previews / 0 comment 30/01/2007 Charming little XMAS-scroller with snowing-animation and eyecatching shadow-font. The CENTERED scroller sticks to its ve...JavaScript Floating Christmas-Scroller with shadow-font and snowing-animation - Floating Christmas-Scroller with shadow-font and snowing-animation

saobanghdn dinhtuvu pdtan starheartbeam

Let's be first member to do this

starheartbeam

JavaScript by day

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

Floating Christmas-Scroller with shadow-font and snowing-animation

Label: Floating Christmas-Scroller with shadow-font and snowing-animation (adsbygoogle = window.adsbygoogle || []).push({});

Free iPage Web Hosting for First Year NOW

Write your comment

Cool Domains for Sale!

JavaScript by day

Label: Floating Christmas-Scroller with shadow-font and snowing-animation