按下滑鼠出現圖片自由落下

<!--自由落體_開始-->
<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;
}}
-->
</script>
<body id="body" >
<div id="ball" style="display:none; position:absolute; left:10; top:10">
<img src="圖檔連結網址"></div>
<!--自由落體_結束-->

arrow
arrow
    全站熱搜

    nicole 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄