利用js定時器實現提示框

在前端頁面中經常要實現提示框功能，例如將滑鼠放在qq頭像上會出現提示框

如圖：

當滑鼠移開頭像時提示框不會立馬消失，當滑鼠放到提示框上面提示框也不會消失。

使用js實現：

1.在body裡面放兩個div分別代表頭像和提示框

頭像

提示框

因為提示框是隱藏的所以要給提示框設定css display：none。

2.實現滑鼠移動到頭像時顯示提示框：

var odiv1=document.getelementbyid('ll');

var odiv2=odiv1.getelementsbytagname('div');//獲取頭像和提示框
var timer=null;//定時器
odiv2[0].οnmοuseοver=function () 

odiv2[0].οnmοuseοut=function () ,500);//過500ms提示框消失

}

odiv2[1].οnmοuseοver=function ()

odiv2[1].οnmοuseοut=function () ,500);

}

7.總的**如下：

頭像提示框

定時器的運用，延時提示框

先上 doctype html html head meta charset utf 8 title title style div1 div2 divstyle script window.onload function odiv1.onmouseout function 500 odiv2.on...

超酷js提示框

最近主站首頁要新增乙個js提示框，找了好久終於找到了乙個非常幫的js提示框 實現起來非常簡單，而且效果很棒，現在提供給大家，希望對大家有幫助。boxover.js檔案內容為 boxover v 2.1 17th june 2006 by oliver bryant with help of matt...

JS實現跟隨滑鼠的提示框

諸葛亮 a 霍去病 a 唐太宗 a 武則天 a msg div body text css a msg style js window.onload function oas i onmouseout function oas i onmousemove function ev 上述 為什麼要在座標...