<div id="myDIV" style="z-index: 9999999; position: absolute; display: none; height: 210px;width350px">
<table>
<tr style="height: 25px">
<td class="ModiHead" align="center">
各階段版本信息</td>
</tr>
<tr style="height: 100%">
<td>
<div style="visibility: inherit; overflow: auto; width: 100%; height: 100%">
<iframe frameborder="0" id="VersionFrame" src="" style="border: 0px; height: 100%;
width: 100%;"></iframe>
</div>
</td>
</tr>
<tr style="height: 25px">
<td class="ModiHead" align="center">
<a style="cursor: hand" onclick="javascript :document.all[‘myDIV‘].style.display=‘none‘;">
關(guān) 閉</a></td>
</tr>
</table>
/*顯示DIV*/
function showDIV()
{
/*獲取當(dāng)前鼠標(biāo)左鍵按下后的位置，據(jù)此定義DIV顯示的位置*/
var leftedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
/*如果從鼠標(biāo)位置到窗口右邊的空間小于DIV的寬度，就定位DIV的左坐標(biāo)（Left）為當(dāng)前鼠標(biāo)位置向左一個DIV寬度*/
if (leftedge < myDIV.offsetWidth)
{
myDIV.style.left = document.body.scrollLeft + event.clientX - myDIV.offsetWidth;
}
else
{
/*否則，就定位DIV的左坐標(biāo)為當(dāng)前鼠標(biāo)位置*/
myDIV.style.left = document.body.scrollLeft + event.clientX;
}
/*如果從鼠標(biāo)位置到窗口下邊的空間小于DIV的高度，就定位DIV的上坐標(biāo)（Top）為當(dāng)前鼠標(biāo)位置向上一個DIV高度*/
if (bottomedge < myDIV.offsetHeight)
{
myDIV.style.top = document.body.scrollTop + event.clientY - myDIV.offsetHeight;
}
else
{
/*否則，就定位DIV的上坐標(biāo)為當(dāng)前鼠標(biāo)位置*/
myDIV.style.top = document.body.scrollTop + event.clientY;
}
/*設(shè)置DIV可見*/
myDIV.style.display = "block";
return false;
}
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1565154
