var divobj = document.createElement("div");
divobj.innerHTML = "";
var firstNode = document.body.firstChild;
document.body.insertBefore(divobj,firstNode);
var x = 50,y = 50;
var xin = true, yin = true; //判æ–层的Xåæ ‡å’ŒYåæ ‡æ˜¯å¦åœ¨åœ¨æŽ§åˆ¶èŒƒå›´ä¹‹å†…,xin为真是层å‘å³ç§»åŠ¨ï¼Œå¦åˆ™å‘左;yin为真是层å‘下移动,å¦åˆ™å‘上
var step = 1; //层移动的æ¥é•¿ï¼Œå€¼è¶Šå¤§ç§»åŠ¨é€Ÿåº¦è¶Šå¿«
var delay = 10; //层移动的时间间隔,å•ä½ä¸ºæ¯«ç§’,值越å°ç§»åŠ¨é€Ÿåº¦è¶Šå¿«
var obj=document.getElementById("tijiao"); //æ•获id为adçš„å±‚ä½œä¸ºæ¼‚æµ®ç›®æ ‡
function floatAD() {
var L=T=10;
var R= document.body.clientWidth-obj.offsetWidth-10; //层移动的å³è¾¹ç•Œ
var B= document.body.clientHeight-obj.offsetHeight; //层移动的下边界
obj.style.left = x + document.body.scrollLeft; //更新层的Xåæ ‡ï¼Œå®žçްXè½´æ–¹å‘上的è¿åŠ¨ï¼›document.body.scrollLeft为文档区域的滚动æ¡å‘峿‹‰çš„è·ç¦»ï¼Œä»¥ä¿è¯åœ¨æ»šåЍæ¡å³æ‹‰æ—¶å±‚ä»åœ¨å¯è§èŒƒå›´å†…
obj.style.top = y + document.body.scrollTop; //更新层的Yåæ ‡ï¼Œå®žçްYè½´æ–¹å‘上的è¿åŠ¨ï¼›document.body.scrollTop为文档区域的滚动æ¡å‘下拉的è·ç¦»ï¼Œä»¥ä¿è¯åœ¨æ»šåЍæ¡ä¸‹æ‹‰æ—¶å±‚ä»åœ¨å¯è§èŒƒå›´å†…
x = x + step*(xin?1:-1); //通过判æ–层的范围决定层在X轴上的è¿åŠ¨æ–¹å‘
if (x < L) { xin = true; x = L;} //层超出左边界时的处ç†
if (x > R){ xin = false; x = R;} //层超出å³è¾¹ç•Œæ—¶çš„处ç†
y = y + step*(yin?1:-1); //通过判æ–层的范围决定层在Y轴上的è¿åŠ¨æ–¹å‘
if (y < T) { yin = true; y = T ;} //层超出上边界时的处ç†
if (y > B) { yin = false; y = B; } //层超出下边界时的处ç†
}
var itl= setInterval("floatAD()", delay); //æ¯delay秒执行一次floatAD函数
obj.onmouseover=function(){clearInterval(itl);}; //å±‚åœ¨é¼ æ ‡ç§»ä¸Šæ—¶æ¸…é™¤ä¸Šé¢çš„é—´éš”äº‹ä»¶ï¼Œå®žçŽ°å±‚åœ¨çš„é¼ æ ‡ç§»ä¸Šæ—¶åœæ¢è¿åŠ¨çš„æ•ˆæžœ
obj.onmouseout=function(){itl=setInterval("floatAD()", delay);}; //å±‚åœ¨é¼ æ ‡ç§»å¼€æ—¶å¼€å§‹é—´éš”äº‹ä»¶ï¼Œå®žçŽ°å±‚åœ¨çš„é¼ æ ‡ç§»å¼€æ—¶ç»§ç»è¿åŠ¨çš„æ•ˆæžœ