代码整理:时代Java - NowJava.com 

注:此代码仅供学习交流,请勿用于商业用途。

jQuery small2big图片缩放插件,兼容主流浏览器,时代Java - NowJava.com推荐下载!


使用方法:

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();

});

下载代码说明
X关闭

jQuery small2big图片缩放插件

jQuery small2big图片缩放插件,兼容主流浏览器,推荐下载!使用方法:1、head区域引用文件css和js库2、在文件中加入html代码, 一个li对应一个图片,images文件夹的图片按数字命名 1.jpg, 2.jpg, ...<ul class="s2b_col" id="s2b_col"> <li><