首先非常感谢网友Move的无私分享,此作品是他分享到JquerySchool网站上的第一款jquery原创图片切换插件drawerSwitch,一共可以灵活设置12个jquery插件参数,支持是否显示方向按钮、自动播放、多久切换一次、列表元素切换速度、整体切换幅度 (向左切换)和回调方法callback等,对网友们学习写jquery插件很有帮助,大家好好利用哦。。。
页面初始化代码如下:
$(function(){
$(".switch").drawerSwitch({
pluginName:"drawerSwitch",
nextval:'下一张',
prevval:'上一张',
nextclass:'drawer_sw_btn_r',
prevclass:'drawer_sw_btn_l',
drawerwidth:300,
drawerheight:400,
navbtn:true, //是否显示方向按钮
autoplay:true,//自动播放
speed:2000, //多久切换一次
item_speed:400, //列表元素切换速度
range:100, //整体切换幅度 (向左切换)
callback:{
creater: function(e) {
console.log(e);
},
execute: function(e) {
console.log(e);
}
},
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友Move drawerSwitch 图片播放 图片滚动 Jquery焦点图 jquery插件