欢迎来到懒人图库!
  • 首 页
  • 懒人论坛
  • jQuery small2big图片缩放插件

    2014-11-10 来源/作者:懒人图库 分类:图片特效 «»
    jQuery small2big图片缩放插件 jQuery small2big图片缩放插件

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

    });

    效果预览 本地下载  新手使用求助QQ群:133049023
    标签:图片特效