Bouncing ball javascript. Bouncing ball script.

Bouncing Ball Javascript
Bouncing Ball Script

Handy Tip: Depending on the content of your website, adding something a little different like a bouncing ball javascript, can add a touch of fun and interactivity to your design.

Bookmark This Page | Click here for more Html Scripts

Bouncing Ball Java Script

Here's a great java script that will amuse your visitors and keep them on your site having fun. Just click anywhere within your monitor screen and the ball will drop from the top and bounce up and down from the bottom.

The bouncing ball script is for IE browsers only, other browsers will see nothing.

Copy and paste this first part of the script into the <head> tag of your html.

And place this part of the script into the <body> of your html.

<center> <div id="staticBall" 
style="position:relative;visibility:visible"> <p style="word-spacing: 
0; margin-top: 0; margin-bottom: 0"><font face="Arial"> 
<img src="ball.gif" height=45 width=45 alt="Static ball"> 
</font> </div> </center> <div id="ball" style="visibility:hidden; 
position:absolute; left:100; top:10; height:34; width:34"> <p style="word-spacing: 
0; margin-top: 0; margin-bottom: 0">&nbsp; <p style="word-spacing: 
0; margin-top: 0; margin-bottom: 0"><font face="Arial"> 
<img src="ball.gif" alt="Bouncing ball" width="45" 
height="45"> </font> </div> <script language="Javascript1.2"> 
 </script>

Don't forget to save the ball to your hard drive or you can make your own with the width and height attributes of 45x45 pixels.

"Keep Bouncing."

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Home