当前位置：首页 → 问答吧 → html如何onmouseover实现，在鼠标进入text框时给一些help信息？

html如何onmouseover实现，在鼠标进入text框时给一些help信息？

时间：2011-07-02

来源：互联网

如题。谢谢！！

作者: panzhixiong_cn 发布时间: 2011-07-02

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body style="margin:0; padding:0;">
<br />
<br />
<br />
<br />
<br />
<input type="text" id="txt"/>

    <script>
var div;
document.getElementById("txt").onfocus = function()
{
        div = document.createElement("div");
        div.style.position="absolute";
        div.style.left = this.offsetLeft+"px";
        div.style.top = this.offsetTop+21+"px";
        div.style.border="1px solid #f60"
        div.style.width="100px";
        div.style.height="50px";
        div.innerHTML = "这里是帮助信息"
        document.body.appendChild(div);
}
document.getElementById("txt").onblur=function(){div.parentNode.removeChild(div)}
    </script>
</body>
</html>

作者: aspwebchh 发布时间: 2011-07-02

html如何onmouseover实现，在鼠标进入text框时给一些help信息？

热门阅读

热门下载