参考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>
相关分类