您现在的位置：
首页
网页特效
鼠标特效
小球上下跳动
特 效 说 明
点击鼠标后，小球在页面上弹跳，最后停留在页面底部，很好玩的
特
效
代
码
<body id="body"> <script language="JavaScript" for="body" event="onclick"> handleClick(); </script> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var iter = 0; var setId = 0; var down = true; var up = false; function handleClick() { if (setId != 0) window.clearInterval(setId); if (ball.style.display == "") ball.style.display = "none"; ball.style.left = event.offsetX - 20; ball.style.top = event.offsetY - 20; iter = 0; ball.style.display = ""; setId = window.setInterval("return generateGravity();", 20); } function generateGravity() { if ((parseInt(ball.style.top)+iter < ball.offsetParent.offsetHeight - 55) && down) { ball.style.top = parseInt(ball.style.top,10) + iter; iter++; return; } else { if ((parseInt(ball.style.top)< ball.offsetParent.offsetHeight - 55) && down) { ball.style.top = ball.offsetParent.offsetHeight - 50; return; } down = false; up = true; if (iter < 0 && parseInt(ball.style.top) > ball.offsetParent.offsetHeight - 55) { window.clearInterval(setId); setId = 0; } if (parseInt(ball.style.top) > 0 && up && iter >= 0) { ball.style.top = parseInt(ball.style.top,10) - iter; iter--; if (iter%3 == 0) iter--; return; } down = true; up = false; } } // End --> <!-- 本特效来自网络时空页特效集锦！更多特效请访问：http://www.k688.com--> </script> <div id="ball" style="display:none; position:absolute; left:10; top:10; height:40; width:40"><img src="images/ball.gif" height=29 width=30></div>
@_⌒ 特 效 预 览 @_⌒
点一下鼠标看看
