鼠标悬浮标签显示提示内容

标签：

1.鼠标悬浮显示内容，可直接在标签里加个title

2.js实现

在标签里定义id

鼠标onmouseover 属性在鼠标指针移动到元素上时触发showstatus(id)函数

鼠标onmouseout 属性在鼠标指针移动到元素外时触发hiddenstatus(id)函数

例：<p id="pid" onmouseover="showstatus(this.id)"  onmouseout="hiddenstatus(this.id)"></p>

<script type="text/javascript">
<!----------状态隐藏title----------->
  function hiddenstatus(id) {
    document.getElementById(id).style.dispaly="none";
  }
<!-----------状态显示title---------->
  function showstatus(id) {
    var x, y;
    x = event.clientX;
    y = event.clientY;
    document.getElementById(id).style.left=x;
    document.getElementById(id).style.top=y;
    document.getElementById(id).style.display="block";
  }
</script>

鼠标悬浮标签显示提示内容

标签：

原文地址：http://my.oschina.net/liuchunhui/blog/485207