JQuery控制图片由中心点逐渐放大效果

(编辑：jimmy 日期: 2025/9/30 浏览：2)

有的时候我们需要做一个当鼠标放置在图片上的时候，希望图片逐渐变大，即图片的width和height逐渐变大，但是此时，其left值与top值没有改变，故看似不是从中心点进行缩放的。如下图：

从中心点进行缩放

实现代码如下：

<meta charset="utf-8"> 
<style type="text/css"> 
#div1{ width:600px; height:400px; margin:50px auto; position:relative; text-align: center; padding-left:50px;} 
#div1 img{ position:absolute; left:0; top:0; margin: 0 auto;} 
</style> 
<div id="div1"> 
<img src="/UploadFiles/2021-04-02/1.jpg">

以上所述是小编给大家介绍的JQuery控制图片由中心点逐渐放大效果的相关知识，希望对大家有所帮助，如果大家想了解更多内容敬请关注网站！

上一篇：基于JavaScript实现单选框下拉菜单添加文件效果

下一篇：JavaScript直播评论发弹幕切图功能点集合效果代码