<head runat="server">
<title></title>
<script type="text/javascript">
function disDiv(obj, sType) {
var oDiv = document.getElementById(obj);
if (sType == 'show') {
oDiv.style.display = 'block';
}
if (sType == 'hide') {
oDiv.style.display = 'none';
}
}
</script>
</head>
<body style="position:relative;">
<form id="form1" runat="server">
<div id="divShow" style="display: none; z-index: 9999; position:absolute;
width: 170px; height: 131px; background-position: 0px 0px; background-color:White">
</div>
<div>
<table>
<tr>
<td align="center" style="width:80px; height:80px;">
<a href="#" οnmοuseοver="disDiv('imgDiv1', 'show');" οnmοuseοut="disDiv('imgDiv1', 'hide');">
<img src="img/1.jpg" style="height: 31px; width: 30px"/>
</a>
</td>
</tr>
</table>
</div>
<div style="display:none;" id="imgDiv1" οnmοuseοver="disDiv('imgDiv1', 'show');" οnmοuseοut="disDiv('imgDiv1', 'hide');">
<img src="img/1.jpg" style="width:160px; height:180px;"/>
</div>
</form>
</body>
</html>
鼠标滑过小图片显示层中大图片
最新推荐文章于 2022-10-22 20:36:26 发布