（源碼執行個體）通過層DIV實現，當滑鼠放在連結上面，顯示圖片及文字
層的位置是可改變、大小是可改變的、可見是可調的，這個就可以用於實現一些特殊的效果，如隱顯、漸顯等，
下面是一個滑鼠事件的層操作，當滑鼠放在上面的時候可以顯示定位顯示隱藏的層：
<HTML>
<body>
樣本展示一：
<a href="www.sina.com" id="i" onmouseover="show(this,'m')" onmouseout="hide('m')">滑鼠放在上面顯示圖片查看有邊框的層</a>
<div id="m" style="BORDER-RIGHT:black 1px solid;PADDING-RIGHT:20px;BORDER-TOP:black 1px solid;PADDING-LEFT:20px;Z-INDEX:100;VISIBILITY:hidden;PADDING-BOTTOM:20px;BORDER-LEFT:black 1px solid;WIDTH:80px;PADDING-TOP:20px;BORDER-BOTTOM:black 1px solid;POSITION:absolute" onmouseover="show(i,'m')" onmouseout="hide('m')">
<nobr>註：這個層是加了邊框的</nobr><br>
<img src="http://images.163.com/homepage/logo.gif"></img><br>
<a href="http://blog.csdn.net/fenglibing"><nobr>我的CSDN部落格</nobr></a><br>
<a href="http://www.163.com">網易</a>
</div>
樣本展示二：
<a href="www.sina.com" id="i1" onmouseover="show(this,'m1')" onmouseout="hide('m1')">滑鼠放在上面顯示圖片查看沒有邊框的層</a>
<div id="m1" style="VISIBILITY:hidden;POSITION:absolute;background-image:url(http://p.blog.csdn.net/images/p_blog_csdn_net/xport/155656/o_Java.gif);" onmouseover="show(i1,'m1')" onmouseout="hide('m1')">
註：這個層沒有邊框但加了背景，寫法就簡單一點<br>
<img src="http://images.163.com/homepage/logo.gif"></img><br>
<a href="http://blog.csdn.net/fenglibing"><nobr>我的CSDN部落格</nobr></a><br>
<a href="http://www.163.com"><nobr>網易</nobr></a>
</div>
<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>
</body>
</HTML>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
