摘要：<html><head> <title>JS鼠标永远点不到NO按钮</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type=&
<html>
<head>
<title>JS鼠标永远点不到NO按钮</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function f1(){
alert("你说对了。")
}
var flag=1;
function f(){
var Bn = document.getElementById('Bn');
var aWidth= document.body.clientWidth || document.documentElement.clientWidth;
var aHeight= document.body.clientHeight || document.documentElement.clientHeight;
var sJs1=Math.floor(Math.random()*aHeight);
var sJs2=Math.floor(Math.random()*aWidth);
if(flag==1){
Bn.style.top=sJs1 + 'px';
Bn.style.left=sJs2+'px';
flag=2;
}else if(flag==2){
Bn.style.top=sJs1+'px';
Bn.style.left=sJs2+'px';
flag=3;
}else if(flag==3){
Bn.style.top=235 + 'px';
Bn.style.left=286 + 'px';
flag=4;
}else if(flag==4){
Bn.style.top=235 + 'px';
Bn.style.left=360 + 'px';
flag=1;
}
}
function f2(){
alert('你竟然点到了，厉害');
}
</script>
</head>
<body>
<h1 style="position:absolute; left:40%; top:20%;">我长得帅不帅?</h1>
<div id="By" style="position:absolute; left:40%; top:30%;">
<input type="button" value=" Yes " onClick="f1()" />
</div>
<div id="Bn" style="position:absolute; left:45%; top:30%;">
<input type="button" value=" N o " onMouseOver="f()" onClick="f2()"/>
</div>
</body>
</html>
演示地址 -> http://47.107.64.136/JS/2
批改老师：韦小宝批改时间：2019-01-14 09:48:22
老师总结：很有创意啊 不错不错有点意思 代码写的一点毛病没有 后期学到jQuery的时候记得还可以用jQuery改写哦 jQuery写起来代码就简短的多了
