热门关键字:
jquery > jquery插件 > jquery焦点图 > 网友Move分享jquery原创图片切换插件drawerSwitch

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

6714
所属分类:jquery焦点图
发布时间:2015/5/9 18:26:17
下载量:793
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=475

首先非常感谢网友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分享jquery原创图片切换插件drawerSwitch





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:网友Move drawerSwitch 图片播放 图片滚动 Jquery焦点图 jquery插件
  • 网友Move分享jquery原创图片切换插件drawerSwitch如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 网友Move分享jquery原创图片切换插件drawerSwitch
  • 网友Move分享jquery原创图片切换插件drawerSwitch
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐