var?xin?=?true,?yin?=?true;
var?step?=?1;
var?delay?=?40;
var?$obj?=?document.getElementById("ad")
var?adTime?=?null;
var?runFlag?=?false;
function?clearAdTime()?{
??if?(adTime)?{
????clearInterval(adTime)
????adTime?=?null
??}
}
runFlag?=?true
clearAdTime()
adTime?=?window.setInterval("move()",?delay);
$obj.onmousemove?=?function()?{
??runFlag?=?false
??clearAdTime()
}
$obj.onmouseout=function?()?{
??clearAdTime()
??runFlag?=?true
??adTime?=?window.setInterval("move()",?delay)
};
function?closeAd?()?{
??clearAdTime()
??$obj.style.display?=?'none'
}
function?move()?{
??if?(!runFlag)?return
??var?left?=?$obj.offsetLeft;
??var?top?=?$obj.offsetTop;
??var?L?=?T?=?0;?//左邊界和頂部邊界
??var?R?=?window.innerWidth?-?$obj.offsetWidth;?//?右邊界
??var?B?=?window.innerHeight?-?$obj.offsetHeight;?//下邊界
??//難點(diǎn):怎樣判斷廣告的4個(gè)邊框有沒有超出可視化范圍!
??if?(left?<?L)?{
????xin?=?true;?//?水平向右移動(dòng)
??}
??if?(left?>?R)?{
????xin?=?false;
??}
??if?(top?<?T)?{
????yin?=?true;
??}
??if?(top?>?B)?{
????yin?=?false;
??}
??//根據(jù)有沒有超出范圍來確定廣告的移動(dòng)方向
??left?+=?step?*?(xin?==?true???1?:?-1);
??top?+=?step?*?(yin?==?true???1?:?-1);
??//?給div?元素重新定位
??$obj.style.top?=?top?+?'px';
??$obj.style.left?=?left?+?'px';
}
