编程论坛 → ASP技术论坛

当鼠标放在某内容上时,鼠标右下角就会出现类似备注的小框,移开则无!

anjincheng 发布于 2008-06-16 11:55， 867 次点击

老师:
我想要这样效果:当鼠标放在某内容上面时,在鼠标右下角就会出现类似备注的一个框.当鼠标拿开后就消失了，请问老师，怎么实现呀,谢谢!
说明:
我知道<input name="name" type="text" id="name" title="备注内容" size="13">这样也可以实现,但是当鼠标不动时,几秒钟这备注内容就不在了,且也不是很漂亮!
请问老师,怎么实现呀!

2 回复

#2

hugeannex2008-06-16 12:58

<script language="javascript">
function myTip(){
    var myd=document.getElementById("mydiv");
        myd.style.left=event.clientX+15;
        myd.style.top=event.clientY+15;
        myd.style.visibility="visible";
}
function myhid(){
  var myd=document.getElementById("mydiv");
      myd.style.visibility="hidden";
}
</script>
<body>
<img name="image" src="http://pagead2. onMousemove="myTip()" onmouseout="myhid()">
<div id="mydiv" style="visibility:hidden;position:absolute;width:100;height:80;border:1 solid;z-index:100">
我换<br>
我换<br>
我换换换！<br>
</div>
</body>

#3

anjincheng2008-06-16 14:07

感谢老师：

正是我想要的！谢谢！

1