主题:鼠标经过图片在固定的位置出现一张大图的问题
yunmengzhe2009
[专家分:0] 发布于 2011-09-27 20:05:00
我是新手,想做个网页,其中要求“鼠标经过图片在固定的位置出现一张大图” 百度后找到下面代码,不怎么会用啊,望高手指点(说明:我把代码放入表格中,只有第一个表格的图能正常显示,其他的鼠标停上去后显示的是第一个表格的大图,该怎么设置啊)
回复列表 (共1个回复)
沙发
yunmengzhe2009 [专家分:0] 发布于 2011-09-27 20:06:00
<script language="javascript">
function ShowImage()
{
if(BigImage.style.display=="none")
{BigImage.style.display="";}
else
{BigImage.style.display="none";}
}
</script>
<style type="text/css">
<!--
#BigImage {
position:absolute;
left:375px;
top:28px;
width:286px;
height:136px;
z-index:1;
}
-->
</style>
<img src="Image1.jpg" width="100" height="80" onMouseOver="ShowImage()" onMouseOut="ShowImage()">
<div id="BigImage" style="display:none"><img src="Image2.jpg" width="250"></div>
我来回复