摘要：<html><head> <title>JS鼠標(biāo)永遠(yuǎn)點(diǎn)不到NO按鈕</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type=&
<html>
<head>
<title>JS鼠標(biāo)永遠(yuǎn)點(diǎn)不到NO按鈕</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function f1(){
alert("你說(shuō)對(duì)了。")
}
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('你竟然點(diǎn)到了，厲害');
}
</script>
</head>
<body>
<h1 style="position:absolute; left:40%; top:20%;">我長(zhǎng)得帥不帥?</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
批改老師：韋小寶批改時(shí)間：2019-01-14 09:48:22
老師總結(jié)：很有創(chuàng)意啊 不錯(cuò)不錯(cuò)有點(diǎn)意思 代碼寫(xiě)的一點(diǎn)毛病沒(méi)有 后期學(xué)到j(luò)Query的時(shí)候記得還可以用jQuery改寫(xiě)哦 jQuery寫(xiě)起來(lái)代碼就簡(jiǎn)短的多了