课
程
程
资
讯
讯
综
合
合
javascript:逃走的按钮
曾有一些“纯属娱乐”的网页，有一些有奖问答题，但又故意让你点不到正确的答案:当你鼠标
一靠近按钮，按钮就逃开了。自己也试着做了一个，供大家学习娱乐。
其实非常简单：当鼠标放到按钮上面时，改变按钮的位置（赋随机值）。
代码
margin-right:0 auto;
text-align:center;
}
input {
width:100px;
height:40px;
}
/style
/head
body
div id="d"
h2恭喜你得了一等奖，领取：/h2
input type="button" onmouseover="move(this);" onclick="alert(‘骗你的=_=‘);" value="确定" /
/div
/body
script type="text/javascript"
var height = document.documentElement.clientHeight - 100; //按钮可能上下移动的距离
var width = document.documentElement.clientWidth - 40; //按钮可能左右移动的距离
function move(obj) {
obj.style.position = "absolute";
obj.style.top = Math.random() * height + "px";
obj.style.left = Math.random() * width + "px";
}
function cancel() {
alert("你已放弃领奖，谢谢！");
window.close();
}
/script
/html
（１） style下的属性在被赋值之前为空。
（２） 记得要在style.top/left等之后加上px，否则对于许多浏览器都不能正确设置该
值。
:
| 广告合作：400-664-0084 全国热线：400-664-0084 Copyright 2010 - 2017 www.my8848.com 珠峰网 粤ICP备15066211号 珠峰网 版权所有 All Rights Reserved 
|
