The following script was written in Javascript and shows an image falling from the top of the screen and disappearing, by bouncing on the left corner.

Using the code

Copy the following Javascript code inside the <HEAD>...</HEAD> tags of a HTML file

fallWrite ('<IMG NAME="fallImg1" SRC="'+fallImgname+'" BORDER="0" ALIGN="Top" onLoad="setTimeout(\'fallInitImg ()\',1000);">');

if (FF) {
			fallObj.top = -100;
			fallObj.left = fallXoffset;
			fallObj.visibility  = "show";
		}
		if (IE) {
			fallObj.style.top = -100;
			fallObj.style.left = fallXoffset;
			fallObj.style.visibility = "visible";
		}
	}
}
// -->
</script>
<script language="Javascript1.2">
<!--
FF = (document.layers) ? 1 : 0;
IE = (document.all) ? 1 : 0;
VERSION4 = (FF|IE) ? 1 : 0;

if(FF){oW=innerWidth;oH=innerHeight;onresize=function(){if(innerWidth!=oW||innerHeight!=oH)location.reload()}}

function fallWrite (str) {
	if (FF) {
		with (fallObj.document) {
			write(str);
			close();
		}
	}
	if (IE) fallObj.innerHTML = str;
}

function fallInitImg () {
	if (FF) {
		fallImgwidth = document.fallN1.document.images['fallImg1'].width;
		fallImgheight = document.fallN1.document.images['fallImg1'].height;
	}
	if (IE) {
		fallImgwidth = document.all.fallImg1.width;
		fallImgheight = document.all.fallImg1.height;
	}
	fallXdec = Math.ceil((fallXoffset + fallImgwidth)/30);

fallFlag = 0;
	fallMove();
}

function fallMove () {
	var value, bornemax, bornemin, tempo = 50;

if (FF) {
		value = fallObj.top;
		bornemin = window.pageYOffset;
		bornemax = bornemin + window.innerHeight;
	}
	if (IE) {
		value = fallObj.style.pixelTop;
		bornemin = document.body.scrollTop;
		bornemax = bornemin + document.body.clientHeight
	}

if (fallFlag == 0) {
		fallFlag = 1;
		value = bornemin - fallImgheight;
		if (FF) fallObj.left = fallXoffset;
		if (IE) fallObj.style.left = fallXoffset;
	} else {
		if (fallFlag == 1) {
			if (value + fallInc < bornemax - fallImgheight) value += fallInc;
			else {
				fallFlag = 2;
				value = bornemax - fallImgheight;
				fallSynchro = 0 ;
				fallPos = value;
			}
		}
		else {
			var dec = Math.abs(100*(1-fallSynchro/30)*Math.sin(fallSynchro*4*3.1416/30));
			value = fallPos - dec;
			if (FF) fallObj.left = fallXoffset - fallSynchro*fallXdec;
			if (IE) fallObj.style.left = fallXoffset - fallSynchro*fallXdec;
			if (fallSynchro++ == 30) {
				fallFlag = 0;
				tempo = fallWait*1000;
			}
		}
	}

if (FF) fallObj.top = value;
	if (IE) fallObj.style.pixelTop = value;
	setTimeout ("fallMove()",tempo);
}
// -->
</script>
<style type='text/css'>

</style>

You can change the following parameters:
fallImgname = "number1.gif" to the name of your image.
fallWait = 2 waiting time between execution.
fallXoffset = 15 horizontal position of the image.

Copy the following HTML code into the <BODY>...</BODY> tags of the same HTML file:

Save and display the file on your favourite browser and see the result

Please feel free to comment this code and suggest new implentations and ideas!

History

2007-02-10: First version

Last Updated on

About David Domingues: David Domingues is a professional IT analyst. Visit http://www.webrickco.com.

Rate this article
		Brilliant
		Very good
		Good
		Average
		Bad
		Null

[Back]

Comments
You should login in order to register your comments.

[Back]

User: davidc2p	Date: 2009-10-11 12:58:23
Comments:
Kind of cool!

Read our last 5 articles

Submit your article now

Article written by mrrescue in category Business>Illustration

Plumbing Hayward- Thinking of Tackling Projects Yourself

Majority of plumbing Hayward disasters happen when somebody tries to do some plumbing work without knowing what Hayward plumbing is all about. It's important to know what you're getting into before you even touch your plumbing Hayward tools.

Article written by mrrescue in category Home>Home Improvement

Plumbing Newark- If You Want To Fix a Problem Yourself

A Do-It-Yourselfers can often fix simple Newark Plumbing problems easily and quickly if they have the right plumbing Newark tools. Here are seven basic plumbing Newark tools you should have in your Newark plumbing tool box.

Article written by privatises in category Business>Real Estate

The Best Reception Rooms

Weddings are the most spectacular moments in our life. It is a day that you would love to remember always.

Article written by seo4 in category Recreation>Travel

Compare and get Cheap Discounted Flights to Lagos with Flights and Fly

Offer for the Cheep Flights to Lagos Nigeria from UK. Book cheep flights and get best deals flight and bargain airfare for Lagos.

Article written by prabhat in category Health>Other

Rudraksha Therapy

The element of faith in the potency of the rudraksha therapy is paramount. But does not all physical therapy embody a measure of personal faith on the part of the patient? The say faith can move mountains.

Top

Article Directory & Web Directory

Login

Newsletter

List of articles

Top rated articles

View Article Base

if you like this article, share it!

Get sample

Introduction

Using the code

History

Read our last 5 articles

Submit your article now