DIV悬浮效果

鼠标点击图片，根据图片信息及位置显示不同的DIV

HTML代码

1.  "faces/image.jsp?type=1&product=1&area=1" οnclick="show(this)"/>
2.  "showInfor" style="visibility:hidden;position:absolute;
3.         border-width:1px; border-color:silver; border-style:solid;width:220px;">
4.     "width:220px;height:20px;background-color:silver" >
5.      "#" οnclick="javascript:closeInforWin()" style="font-size:12px;">关闭
6.    

    "0" id="frInfor" style="background-color:rgb(234,236,240);width:220px;">           

JavaScript代码

1.     function show(obj){
2.         var value = obj.src.replace("image.jsp","infor.jsp");
3.         var inforFr = document.getElementById("frInfor");
4.         inforFr.src = value;
5.         var left = obj.offsetLeft;
6.         var top = obj.offsetTop + 15;
7.         var inforDV = document.getElementById("showInfor");
8.         inforDV.style.visibility = "visible";
9.         inforDV.style.left = left;
10.         inforDV.style.top = top;
11.      }
12.      function closeInforWin(){
13.         document.getElementById("showInfor").style.visibility = "hidden";
14.      }