Codesupplier.com

free html codes for your website

Images That Bounce

Bouncing Images - Bouncing Images is where an image of your choice bounces around the page with the code on.

 

Step 1: Paste this into the editor:

<script language="JavaScript" src="dynlib.js"></script>
<script language="JavaScript" src="bouncingimages.js"></script>

As you can see, the code accesses two .js files. Download them here: dynlib.js and bouncingimages.js  (Click and Save The Files).

Step 2: inside the body paste this:

<body onLoad="javascript:loadBouncingImages();">

Step 3: Download the following images that bounce and upload it into your webpage directory (either by clicking it, or clicking it with the shift key depressed for NS users): Or, ignore this step if you wish to use your own image.

 < Download this

All configurations to the script is done inside "bouncingimages.js". Open this file up using a text editor, and edit the top portion of the script.

 

< Go Back to Images