（源码实例）通过层DIV实现，当鼠标放在链接上面，显示图片及文字

导读：
　　（源码实例）通过层DIV实现，当鼠标放在链接上面，显示图片及文字
　　层的位置是可改变、大小是可改变的、可见是可调的，这个就可以用于实现一些特殊的效果，如隐显、渐显等，
　　下面是一个鼠标事件的层操作，当鼠标放在上面的时候可以显示定位显示隐藏的层：
　　
　　
　　示例展示一：
　　 鼠标放在上面显示图片查看有边框的层
　　

　　 注：这个层是加了边框的

　　

　　 我的CSDN博客

　　 网易
　　

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

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

　　

　　 我的CSDN博客

　　 网易
　　

　　<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.csdn.net/fenglibing/archive/2007/09/21/1794351.aspx