用js实现鼠标移动到图片时放大，移走时还原回原来大小
0
悬赏园豆：15
[已关闭问题]
关闭于 2014-02-18 18:03
html网页中有多个图片相邻，移动到每一个图片时该图片宽和高都增加20，在原位置四周扩大，移开时恢复原大小，放大时不能影响其他图片和div的布局。
html代码：
<div id="tp3" class="tp3"><a><img src="images/eco2.jpg" border="0"/></a><a><img src="images/dingzhi3.jpg" border="0"/></a></div>
<div id="tp4" class="tp4" ><a ><img src="images/gouwu3.jpg" border="0"/></a></div>
所有回答(1)
2
不一定要用js 的css也是可以做到的用伪类就可以做到
.tp3:hover{
width:20px; //在原有基础上+20px
height:20px;
}
试过了 这样没有用，会影响其他的div也跟着变化。。。。
@lijunmomo:
那可以用z-index:99; 这样 tp3 会在其它div之上，但是你如果要增加宽度高度就会把周边的div覆盖相应的高度与宽度
@Zery: 不好意思，没明白
@lijunmomo:
.tp3:hover{
z-index:99;
width:20px; //在原有基础上+20px
height:20px;
}
