学会偷懒,并懒出境界是提高工作效率最有效的方法!
Ctrl + D 收藏我吧~
jQuery small2big图片缩放插件,兼容主流浏览器,懒人图库推荐下载!
使用方法:
1、head区域引用文件css和js库
2、在文件中加入html代码, 一个li对应一个图片,images文件夹的图片按数字命名 1.jpg, 2.jpg, ...
<ul class="s2b_col" id="s2b_col">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
3、引入以下js代码
$(document).ready(function(){
$("#s2b_col").small2big({
s2bRadius : 170, // 图片被放大时的圆形外框的半径
s2bColLiRowMargin : -10, // 每个圆形之间的距离
s2bLiBorderColor : "#000" // 圆形外框颜色
// s2bLiAlign : "V" 图片竖排
}).initS2bCol().addS2bFunction();
});