2345技术员联盟

分享jquery原创图片切换插件drawerSwitch

  • 来源:http://www.it892.com/ 原创
  • 时间:2015-06-14
  • 阅读:
  • 本文标签:jQuery插件

    首先非常感谢it892.com的无私分享,此作品是他分享到it892.com网站上的第一款jquery原创图片切换插件drawerSwitch,一共可以灵活设置12个jquery插件参数,支持是否显示方向按钮、自动播放、多久切换一次、列表元素切换速度、整体切换幅度 (向左切换)和回调方法callback等,对网友们学习写jquery插件很有帮助,大家好好利用哦。。。


页面初始化代码如下:

01

$(function(){

02

    $(".switch").drawerSwitch({

03

        pluginName:"drawerSwitch",

04

        nextval:'下一张',

05

        prevval:'上一张',

06

        nextclass:'drawer_sw_btn_r',

07

        prevclass:'drawer_sw_btn_l',

08

        drawerwidth:300,

09

        drawerheight:400,

10

        navbtn:true, //是否显示方向按钮

11

        autoplay:true,//自动播放

12

        speed:2000, //多久切换一次

13

        item_speed:400,  //列表元素切换速度

14

        range:100,   //整体切换幅度 (向左切换)

15

        callback:{

16

             creater: function(e) {

17

                console.log(e);

18

             },

19

             execute: function(e) {

20

                 console.log(e);

21

             }

22

        },

23

    });

24

});


本文来自电脑技术网www.it892.com),转载本文请注明来源.
本文链接:http://www.it892.com/content/web/jquery/061461G2015.html
推荐阅读
热点排行
无觅相关文章插件,快速提升流量