<script>
var count=5;
var txt="^_^!来点我呀";
//获取随机数
function getnum (lowValue,highValue){
var choice=highValue-lowValue+1;
var rt=Math.floor(Math.random()*choice+lowValue);
return rt;
}
//获取控件左绝对位置
function getAbsoluteLeft(objectId) {
o = document.getElementById(objectId)
oLeft = o.offsetLeft
while(o.offsetParent!=null) {
oParent = o.offsetParent
oLeft += oParent.offsetLeft
o = oParent
}
return oLeft
}
//获取控件上绝对位置
function getAbsoluteTop(objectId) {
o = document.getElementById(objectId);
oTop = o.offsetTop;
while(o.offsetParent!=null)
{
oParent = o.offsetParent
oTop += oParent.offsetTop // Add parent top position
o = oParent
}
return oTop
}
//获取控件宽度
function getElementWidth(objectId) {
x = document.getElementById(objectId);
return x.offsetWidth;
}
//获取控件高度
function getElementHeight(objectId) {
x = document.getElementById(objectId);
return x.offsetHeight;
}
function setdiv()//设置DIV坐标
{
txt="^_^!来点我呀";
document.getElementById('runbtn').value = txt;
var divChild = document.getElementById("myDiv2");
divChild.style.left=getnum(50,800);//因为offsetLeft是只读属性所以要通过left属性设置。而且还要设置绝对定位。
divChild.style.top=getnum(50,600);//
divChild.style.position="absolute";
}
function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
var getdivx= getAbsoluteLeft("myDiv2");
var getdivy= getAbsoluteTop("myDiv2");
var bodersize=5;
if(mousePos.x>getdivx-bodersize&&mousePos.x<getdivx+getElementWidth("myDiv2")+bodersize&&mousePos.y>getdivy&&mousePos.y-bodersize<getdivy+getElementHeight("myDiv2")+bodersize)
{
setdiv();
count--;
if(count==0)
{
txt="休息一下吧!";
document.getElementById('runbtn').value = txt;
alert(txt);
count=5;
}
}
}
</script>
<div style="width:800px; height:600px;" id="myDiv" οnmοusemοve="mouseMove();" >
<div style="width:90px; height:30px;" id="myDiv2" >
<input type="button" value="点我试试吧!" id="runbtn" οnclick="setdiv();" style="width:100%; height:100%;" />
</div>
</div>
var count=5;
var txt="^_^!来点我呀";
//获取随机数
function getnum (lowValue,highValue){
var choice=highValue-lowValue+1;
var rt=Math.floor(Math.random()*choice+lowValue);
return rt;
}
//获取控件左绝对位置
function getAbsoluteLeft(objectId) {
o = document.getElementById(objectId)
oLeft = o.offsetLeft
while(o.offsetParent!=null) {
oParent = o.offsetParent
oLeft += oParent.offsetLeft
o = oParent
}
return oLeft
}
//获取控件上绝对位置
function getAbsoluteTop(objectId) {
o = document.getElementById(objectId);
oTop = o.offsetTop;
while(o.offsetParent!=null)
{
oParent = o.offsetParent
oTop += oParent.offsetTop // Add parent top position
o = oParent
}
return oTop
}
//获取控件宽度
function getElementWidth(objectId) {
x = document.getElementById(objectId);
return x.offsetWidth;
}
//获取控件高度
function getElementHeight(objectId) {
x = document.getElementById(objectId);
return x.offsetHeight;
}
function setdiv()//设置DIV坐标
{
txt="^_^!来点我呀";
document.getElementById('runbtn').value = txt;
var divChild = document.getElementById("myDiv2");
divChild.style.left=getnum(50,800);//因为offsetLeft是只读属性所以要通过left属性设置。而且还要设置绝对定位。
divChild.style.top=getnum(50,600);//
divChild.style.position="absolute";
}
function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
var getdivx= getAbsoluteLeft("myDiv2");
var getdivy= getAbsoluteTop("myDiv2");
var bodersize=5;
if(mousePos.x>getdivx-bodersize&&mousePos.x<getdivx+getElementWidth("myDiv2")+bodersize&&mousePos.y>getdivy&&mousePos.y-bodersize<getdivy+getElementHeight("myDiv2")+bodersize)
{
setdiv();
count--;
if(count==0)
{
txt="休息一下吧!";
document.getElementById('runbtn').value = txt;
alert(txt);
count=5;
}
}
}
</script>
<div style="width:800px; height:600px;" id="myDiv" οnmοusemοve="mouseMove();" >
<div style="width:90px; height:30px;" id="myDiv2" >
<input type="button" value="点我试试吧!" id="runbtn" οnclick="setdiv();" style="width:100%; height:100%;" />
</div>
</div>