首先非常感谢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
});
本文链接:http://www.it892.com/content/web/jquery/061461G2015.html