（源码实例）通过层DIV实现，当鼠标放在链接上面，显示图片及文字 - 流星絮语 JAVA学习笔记 - 优快云Blog

示例展示一：
鼠标放在上面显示图片查看有边框的层

注：这个层是加了边框的



我的优快云博客

网易

示例展示二：
鼠标放在上面显示图片查看没有边框的层

注：这个层没有边框但加了背景，写法就简单一点



我的优快云博客

网易

<script>
//显示
function show(o,obj){
var m=document.getElementById(obj);
m.style.pixelLeft=getL(o);
m.style.pixelTop=getT(o)+o.offsetHeight;
m.style.visibility=????;
}
//隐藏
function hide(obj){
document.getElementById(obj).style.visibility=??hidden??;
}
//取得左边的位移
function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent){
l+=e.offsetLeft;
}
return l;
}
//取得顶部的位移
function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent){
t+=e.offsetTop;
}
return t;
}
</script>



本文转自
http://blog.youkuaiyun.com/fenglibing/archive/2007/09/21/1794351.aspx