懒人原生jQuery可调整图片大小排列方式特效 -懒人源码

懒人原生jQuery可调整图片大小排列方式特效

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

效果描述：

之前见过一款类似的效果，不过网上的那个采用的是插件的形式

而且代码冗余繁多，不利于懒人使用

懒人站长特地按照自己的想法将效果重新书写了一遍

原理：

其实类似于以前文章里的那种文字大中小切换的样式

只是现在变化的是图片而已

利用jQuery的animate属性，分别给图片三个尺寸

点击的时候将对应的尺寸赋值给图片的宽度、高度即可

使用方法：

1、将style里的css样式复制到你的样式表中

2、将body中的代码部分拷贝到你需要的地方即可

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