当鼠标放在某内容上时,鼠标右下角就会出现类似备注的小框,移开则无!
老师:我想要这样效果:当鼠标放在某内容上面时,在鼠标右下角就会出现类似备注的一个框.当鼠标拿开后就消失了，请问老师，怎么实现呀,谢谢!
说明:
我知道<input name="name" type="text" id="name" [color=Red]title="备注内容"[/color] size="13">这样也可以实现,但是当鼠标不动时,几秒钟这备注内容就不在了,且也不是很漂亮!
请问老师,怎么实现呀!
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.googlesyndication.com/pagead/imgad?id=CIGxmv62mZ33vgEQ1AMYPDIIRec0QcPp1l8" 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> 感谢老师：
正是我想要的！ 谢谢！
页:
[1]