DHTML JavaScript New Year Script: Floating Lucky Charms Script

New-Year-Script: Floating Luckycharms
What do your visitors need for 2004? LUCK, LUCK, LUCK! This little new-year-fun script gives your visitors as much luck as they need for the new year! Easy one-step-installation. IE5x/6x and NS6x/7x. Brought to you by www.24fun.com

Configuration:

Step 1: Open the HTML-file that will display the new-year-script. Copy the the following code and paste it right above the </body>-tag. You will find the </body>-tag almost at the end of your HTML-file.

<span id="loadpic" style="position:relative;visibility:hidden">
<img src="a.gif" width=1><img src="b.gif" width=1><img src="c.gif" width=1><img src="d.gif" width=1>
</span>
<SCRIPT>
// CREDITS:
// New-Year-Script: Floating Luckycharms
// By Peter Gehrig
// Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com & http://www.designerwiz.com
// info@24fun.com
// 12/30/2003

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured

var spancontent=new Array()
var imgpreload=new Array()
for (i=0;i<=slideurl.length;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=slideurl[i]
}

for (i=0;i<=numberofimages;i++) {
	spancontent[i]="<a href='"+slidelink[i]+"' target='"+slidetarget[i]+"'><img src='"+slideurl[i]+"' border='0'></a><br><font face='"+slidefont+"' color='"+slidefontcolor+"' size='"+slidefontsize+"'>"+slidecomment[i]+"</font>"
}

function randommaker(range) {		
	rand=Math.floor(range*Math.random())
	if (rand==0) {rand=Math.ceil(range/2)}
    return rand
}

function checkmovement() {
	checkposition()
	movepictures()
    timer=setTimeout("checkmovement()",tempo)
}

function checkposition() {
	if (ie) {
		for (i=0;i<=numberofimages;i++) {             
			var thisspan=eval("document.all.span"+i+".style")
			if (thisspan.posLeft>marginright-imgwidth[i]-floatingspeed) {
				thisspan.posLeft-=Math.abs(stepx[i]+1)
				stepx[i]=randommaker(floatingspeed)*-1	
			}
			if (thisspan.posLeft<marginleft) {
				thisspan.posLeft+=Math.abs(stepx[i])
				stepx[i]=randommaker(floatingspeed)			
			}	
			if (thisspan.posTop>marginbottom-imgheight[i]-floatingspeed) {
				thisspan.posTop-=Math.abs(stepy[i])
				stepy[i]=randommaker(floatingspeed)*-1

}
			if (thisspan.posTop<margintop) {
				thisspan.posTop+=Math.abs(stepy[i])
				stepy[i]=randommaker(floatingspeed)
			}
		}
	}
	
	if (ns6) {
		for (i=0;i<=numberofimages;i++) {  
			imgwidth[i]=parseInt(document.getElementById('span'+i).offsetWidth)
			imgheight[i]=parseInt(document.getElementById('span'+i).offsetHeight)         
			var thisspan=document.getElementById('span'+i).style
			var leftx=parseInt(thisspan.left)
			var topy=parseInt(thisspan.top)
			if (leftx>marginright-imgwidth[i]-floatingspeed) {
				thisspan.left=leftx-Math.abs(stepx[i]+1)
				stepx[i]=randommaker(floatingspeed)*-1	
			}
			if (leftx<marginleft) {
				thisspan.left=leftx+Math.abs(stepx[i])
				stepx[i]=randommaker(floatingspeed)			
			}	
			if (topy>marginbottom-imgheight[i]-floatingspeed) {
				thisspan.top=topy-Math.abs(stepy[i])
				stepy[i]=randommaker(floatingspeed)*-1

}
			if (topy<margintop) {
				thisspan.top=topy+Math.abs(stepy[i])
				stepy[i]=randommaker(floatingspeed)
			}
		}
	}
}

if (ie || ns6) {
	for (i=0;i<=numberofimages;i++) {
    	document.write("<span id='span"+i+"' style='position:absolute;top:0px;left:0px;filter:alpha(opacity=0);-moz-opacity:0'; visibility:hidden></span>")
    	document.close()
	}
window.onload=setValues
}
</script>
<div id="emptydiv" style="position:absolute;top:0px;left:0px;visibility:hidden">Do not delete</div>

Step 2: Put the 4 images below into the same folder as the webpage that contains your new-year-script:

Download 500 free copy-and-paste scripts