サマリー：<html><head> <title>JS鼠標(biāo)永遠(yuǎn)點不到NO按鈕</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type=&
<html>
<head>
<title>JS鼠標(biāo)永遠(yuǎn)點不到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
先生のまとめ：很有創(chuàng)意啊 不錯不錯有點意思 代碼寫的一點毛病沒有 后期學(xué)到j(luò)Query的時候記得還可以用jQuery改寫哦 jQuery寫起來代碼就簡短的多了