鼠标移动到按钮上就按钮就会跑开。
<style>
#btn1 {
position: absolute;
margin-left: 150px;
}
#btn2 {
margin-left: 250px;
}
#center {
margin: 50px auto 0 auto;
width: 500px;
}
#dv h1 {
text-align: center;
}
</style>
<div id="center">
<div id="dv"><h1>快说我帅!</h1></div>
<input type="button" value="你不够我帅" id="btn1">
<input type="button" value="你好帅啊!!" id="btn2">
</div>
<script>
var oBtn1 = document.getElementById("btn1");
var oBtn2 = document.getElementById("btn2");
oBtn1.οnmοuseοver=function () {
var x = parseInt(Math.random()*1000+1);
var y = parseInt(Math.random()*600+1);
oBtn1.style.left=x+"px";
oBtn1.style.top=y+"px";
console.log("x位置为:"+x+" y位置为:"+y);};
oBtn2.οnclick=function () {
alert("您真有眼光!");
}
</script>