« »

You can make no sense of this strange script name? Don't worry! Run the script and you will discover a new way to bring your background alive with just one image and almost zero configuration! You may add as many images as you like.

Label: Floating Uncovering Background 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>
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/

<!-- Beginning of JavaScript -
// Floating Uncovering Background Script

// Author: Peter Gehrig 
// Web Site: http://www.24fun.com 


// number of floating images
var numberofimages=4

// URL of your image
var imgurl="../image/pic191.jpg"

// maximum width of the floating objects
var clipwidthmax=200

// maximum height of the floating objects
var clipheightmax=120

// do not edit the variables below
var floatingspeed=20
var clipleft=new Array()
var clipright=new Array()
var cliptop=new Array()
var clipbottom=new Array()
var clipwidth=new Array()
var clipheight=new Array()

if (document.all) {
	var preloadimage=new Image()
	preloadimage.src=imgurl
}

var tempo=30
numberofimages=numberofimages-1

var shift_x=Math.floor(numberofimages/2)*-1
var shift_y=Math.floor(numberofimages/2)*-1
var stepx=new Array()
var stepy=new Array()
for (i=0;i<=numberofimages;i++) {
	stepx[i]=randommaker(floatingspeed)
	stepy[i]=randommaker(floatingspeed)
}
var imgwidth=new Array()
var imgheight=new Array()

var marginbottom=0
var marginleft=0
var margintop=0
var marginright=0
var timer

function setValues() {
	if (document.all) {
		marginleft=0
		margintop=0
    	marginbottom=document.body.clientHeight
    	marginright=document.body.clientWidth
		for (i=0;i<=numberofimages;i++) {             	
			clipheight[i]=randommaker(clipheightmax)+50
			clipwidth[i]=randommaker(clipwidthmax)+50
			clipleft[i]=randommaker(marginright)-clipwidth[i]
			cliptop[i]=randommaker(marginbottom)-clipheight[i]
		}
		for (i=0;i<=numberofimages;i++) { 
			var opacitystrength=randommaker(60)
			var thisspan=eval("flyimage"+i)
			thisspan.innerHTML="<img src='"+imgurl+"' width='"+marginright+"' height='"+marginbottom+"' style='filter:alpha(opacity="+opacitystrength+")'>"
			thisspan=eval("document.all.flyimage"+i+".style")            	
        	thisspan.posLeft=0
			thisspan.posTop=0
			thisspan.visibility="visible"
		}
		checkmovement()
	}
}

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

function checkmovement() {
	if (document.all) {
		checkposition()
		movepictures()
    	timer=setTimeout("checkmovement()",tempo)
	}
}

function movepictures() {
		if (document.all) {
			for (i=0;i<=numberofimages;i++) {  
    			var thisspan=eval("document.all.flyimage"+(i)+".style")
    			clipleft[i]+=stepx[i]
				clipright[i]=clipleft[i]+clipwidth[i]
				cliptop[i]+=stepy[i]
				clipbottom[i]=cliptop[i]+clipheight[i]
				thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"
    		}
		}
}

function checkposition() {
	if (document.all) {
		for (i=0;i<=numberofimages;i++) {             
			var thisspan=eval("document.all.flyimage"+i+".style")
			if (clipright[i]>marginright) {	
				clipleft[i]-=Math.abs(stepx[i])
				clipright[i]=clipleft[i]+clipwidth[i]
				thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"
				stepx[i]=randommaker(floatingspeed)*-1	
			}
			if (clipleft[i]<marginleft) {
				clipleft[i]+=Math.abs(stepx[i])
				clipright[i]=clipleft[i]+clipwidth[i]
				thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"
				stepx[i]=randommaker(floatingspeed)			
			}	
			if (clipbottom[i]>marginbottom) {
				cliptop[i]-=Math.abs(stepy[i])
				clipbottom[i]=cliptop[i]+clipheight[i]
				thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"
				stepy[i]=randommaker(floatingspeed)*-1
			}
			if (cliptop[i]<margintop) {
				cliptop[i]+=Math.abs(stepy[i])
				clipbottom[i]=cliptop[i]+clipheight[i]
				thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"
				stepy[i]=randommaker(floatingspeed)
			}
		}
	}
}

// - End of JavaScript - -->
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<BODY onload=setValues()>
<script>
if (document.all) {
	for (i=0;i<=numberofimages;i++) {
		document.write("<DIV id='flyimage"+i+"' style='position:absolute;visibility:hidden'></DIV>")
	}
	window.onload=setValues
}
</script>
</body>
	<!--
    	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!

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

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

30/01/2007
Peter Gehrig [more]
3,657
0
3
1
11.35 KBytes

JavaScript Floating Uncovering Background Animation

4/5 3 votes / 3,657 previews / 0 comment 30/01/2007 You can make no sense of this strange script name? Don't worry! Run the script and you will discover a new way to bring ...JavaScript Floating Uncovering Background Animation - Floating Uncovering Background Animation

tranlevietthao hunggau3004 davy jones caothangkt dungit lx76_solo vandt sin_core23 anhdabibat