jQuery可调整图片大小排列方式特效

发布时间:2016-01-20 11:28

所属分类:特效素材 - 图片特效

jQuery可调整图片大小排列方式特效

jQuery可调整图片大小排列方式特效

效果描述:

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

而且代码冗余繁多,不利于大家使用

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

原理:

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

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

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

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

使用方法:

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

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


下面是js特效和素材的预览和下载地址,压缩包的解压密码都是:www.phplearn.cn
站内全部“资源/素材”来自网络,仅供大家学习与参考,如果侵权,请来信具体告知。