Usefull Scripts: Background effect in webpage ( Ball drop effect)

Copy and past .... this code where .. u .. want..
<br><!-- this script got from <br>http://usefull-script.blogspot.com/Coded by: Ratnakar Mishra&nbsp; --><br><br><br><br><br><!-- TWO STEPS TO INSTALL BALL DROP:<br><br>&nbsp; 1.&nbsp; Copy the coding into the HEAD of your HTML document<br>&nbsp; 2.&nbsp; Add the last code into the BODY of your HTML document&nbsp; --><br><br><!-- STEP ONE: Paste this code into the HEAD of your HTML document&nbsp; --><br><br><HEAD><br><br><SCRIPT LANGUAGE="JavaScript1.2"><br><br><br><br><br><!-- Begin<br>function BrowserCheck() {<br>var b = navigator.appName;<br>if (b == "Netscape") this.b = "NS";<br>else if (b == "Microsoft Internet Explorer") this.b = "IE";<br>else this.b = b;<br>this.v = parseInt(navigator.appVersion);<br>this.NS = (this.b == "NS" &amp;&amp; this.v>=4);<br>this.NS4 = (this.b == "NS" &amp;&amp; this.v == 4);<br>this.NS5 = (this.b == "NS" &amp;&amp; this.v == 5);<br>this.IE = (this.b == "IE" &amp;&amp; this.v>=4);<br>this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0);<br>this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0);<br>if (this.IE5 || this.NS5) this.VER5 = true;<br>if (this.IE4 || this.NS4) this.VER4 = true;<br>this.OLD = (! this.VER5 &amp;&amp; ! this.VER4) ? true : false;<br>this.min = (this.NS||this.IE);<br>}<br>is = new BrowserCheck();<br>//&nbsp; End --><br></script><br></HEAD><br><br><!-- STEP TWO: Copy this code into the BODY of your HTML document&nbsp; --><br><br><BODY><br><br><center><br>Click anywhere to start script<br><br><div id="staticBall" style="position:relative;visibility:visible"><br><img src="../img/ball-drop/ball.gif" height=30 width=30 alt="Static ball"><br></div><br></center><br><div id="ball" style="visibility:hidden; position:absolute; left:100; top:10; height:34; width:34"><br><img src="../img/ball-drop/ball.gif" height=30 width=30 alt="Bouncing ball"><br></div><br><br><script language="Javascript1.2"><br><!-- Begin<br>iter = 0;<br>setId = 0;<br>down = true;<br>up = false;<br>bouncingBall = (is.VER5) ? document.getElementById("ball").style<br>: (is.NS) ? document.layers["ball"]<br>: document.all["ball"].style;<br>stillBall = (is.VER5) ? document.getElementById("staticBall").style<br>: (is.NS) ? document.layers["staticBall"] : document.all["staticBall"].style;<br>winH = (is.NS) ? window.innerHeight - 55 : document.body.offsetHeight - 55;<br>document.onmouseup = buttonUp;<br>if (is.NS4)<br>document.captureEvents(Event.MOUSEUP);<br>function buttonUp(e) {<br>if ( ((is.NS) ? e.which : event.button) != 1) return true;<br>if (setId != 0) clearInterval(setId);<br>bouncingBall.visibility="visible";<br>stillBall.visibility="hidden";<br>bouncingBall.left = (is.NS) ? e.pageX - 15 : event.offsetX - 15;<br>bouncingBall.top = (is.NS) ? e.pageY - 15 : event.offsetY - 15;<br>iter = 0;<br>setId = setInterval("generateGravity()", 20);<br>return true;<br>}<br>function generateGravity() {<br>if ((parseInt(bouncingBall.top)+iter < winH) &amp;&amp; down) {<br>bouncingBall.top = parseInt(bouncingBall.top) + iter;<br>iter++;<br>return;<br>}<br>else {<br>if ((parseInt(bouncingBall.top)< winH) &amp;&amp; down) {<br>bouncingBall.top = winH + 5;<br>return;<br>}<br>down = false;<br>up = true;<br>if (iter < 0 &amp;&amp; parseInt(bouncingBall.top) > winH) {<br>clearInterval(setId);<br>bouncingBall.visibility = "hidden";<br>stillBall.visibility="visible";<br>setId = 0;<br>}<br>if (parseInt(bouncingBall.top) > 0 &amp;&amp; up &amp;&amp; iter >= 0) {<br>bouncingBall.top = parseInt(bouncingBall.top) - iter;<br>iter--;<br>if (iter%3 == 0) iter--;<br>return;<br>}<br>down = true;<br>up = false;<br>   }<br>}<br>// End --><br></script><br><br> <br><br><br> <br><font face="Tahoma"><a target="_blank" href="http://usefull-script.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a> </font><br /><br><br /><br><br><br><br>
Usefull Scripts

Monday, October 26, 2009

Background effect in webpage ( Ball drop effect)

No comments:

Post a Comment

Best script category

Blog Archive

Followers

About Me

Number of visitors
