js 鼠标指向显示说明框

js代码

window.onload=function()
{
var oDiv1=document.getElementById('div1');
var oDiv2=document.getElementById('div2');
var timer=null;
oDiv2.onmouseover=oDiv1.onmouseover=function ()
{
clearTimeout(timer);
oDiv2.style.display='block';
};
oDiv2.onmouseout=oDiv1.onmouseout=function ()
{
timer=setTimeout(function(){
oDiv2.style.display='none';
},500);
};
};

html代码：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

css代码：

div{ float:left; margin-left:10px; }
#div1{ height:100px;width:100px; }
#div1 img{height:100px;width:100px;border-radius:50px; }
#div2{ height:200px;width:200px; border:1px solid #4D5AE1; display:none;}

重要的方法

setTimeout();  setTimeout(方法，时间)   只执行一次;

clearTimeout();  清除上一个方法。