JS鼠标永远点不到NO按钮
<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>