【求助】div里的图片怎么实现中心放大效果?

参考https://www.jb51.net/article/...,修改了代码如下:
但是出来的效果是左上开始的放大的效果
怎么在div里的img实现中心的放大效果呢?

<script type="text/javascript">function fangda(){    var pic=$('.pictures img');    var wValue=20+pic.width();    var hValue=20+pic.height();
    pic.animate({width: wValue, height: hValue, left:("-"+(0.5 * pic.width())/2), top:("-"+(0.5 * pic.height())/2)}, 1000);
}</script><body><button onclick="fangda()">图片放大</button><style>.pictures {    width: 414px;    height: 390px;    overflow: hidden;
}    
</style><div class="pictures">
    <img src="3.jpg"></div>


FFIVE
浏览 1275回答 0
0回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript