jQuery鼠标悬停图片由中心点逐渐放大效果 -懒人源码

毕业设计 PHP源码

jQuery鼠标悬停图片由中心点逐渐放大效果

作者/代码整理：懒人 (转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：2014-08-07

jQuery鼠标悬停图片由中心点逐渐放大效果

原理：当鼠标悬停后图片的高度、宽度各自增加20像素大小，然后用相对定位绝对定位，相当于将图片控制向外扩散10px大小

然后使用jQuery的animate属性实现动画效果即可

鼠标悬停后图片变大，离开后图片恢复至原来像素大小

声明：凡标题注明“懒人原生”二字，均为本站原创，非书面授权谢绝转载

上一篇：jQuery实现不同弹窗大小均垂直居中效果
下一篇：horwheel组件-鼠标滚动控制9宫格页面左右滑动