• 热门关键字:
    jquery > jquery插件 > jquery圆盘抽奖 > jquery九宫格抽奖转盘插件lottery

    jquery九宫格抽奖转盘插件lottery

    46988
    所属分类:jquery圆盘抽奖
    发布时间:2015/7/7 22:52:10
    下载量:4862
    评论数:0
    转载请自觉注明原文:http://www.7735958.com/Detail.aspx?id=495

    jquery九宫格抽奖转盘插件lottery这款作品是在csdn上发现的,刚好在jquery学堂群看到网友问这类型的作品,下载之后觉得很好就把它整理出来分享给大家了。


    jquery插件更新日志:

    lottery v1.0.3:
    调整插件的方法命名,以及各个方法中对插件本身的引用。新增4X3样式的Demo页面,并给每个Demo页面配置相应的可定制?#38382;奖?#20351;用者更快上手。

    lottery v1.0.2:
    插件不再依赖具体的html标签,改用className来检索标签,更为灵活。核心class:lottery-group、lottery-unit

    lottery v1.0.1:
    新增中奖号自定义功能:可通过用户自行定义,也可以通过后台算法获取;
    新增启用和禁用抽奖事件,对抽奖流程做了一定的规范;
    新增转盘滚动前事件:beforeRoll,并支持用户追加操作;

    lottery v1.0.0:
    默认配置为4*4的转盘,如有需要,可自行配置width和height,不过需要注意的是:Html结构要保证与您的配置相匹配。谢谢!

    PS: 有兴趣的可以关注作者的新浪微博:blacksnail2015


    页面初始化jquery代码如下:

    window.onload = function () {
    	lottery.lottery({
    		selector:     '#lottery',
    		width:        3,
    		height:       3,
    		index:        0,    // 初始位置
    		initSpeed:    500,  // 初始转动速度
    		// upStep:       50,   // 加速滚动步长
    		// upMax:        50,   // 速度上限
    		// downStep:     30,   // 减速滚动步长
    		// downMax:      500,  // 减速上限
    		// waiting:      5000, // 匀速转动时长
    		beforeRoll: function () { // 重写滚动前事件:beforeRoll
    			// console.log(this);
    			// alert(1);
    		}
    	});
    }
    

    效果如下:

    jquery九宫格抽奖转盘插件lottery






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



    关键字:九宫格抽奖 lottery jquery九宫格 jquery抽奖 圆盘抽奖 抽奖特效
    • jquery九宫格抽奖转盘插件lottery如果你?#19981;?#23398;院的资源就下载吧,亲,谢谢!
    • jquery九宫格抽奖转盘插件lottery
    • jquery九宫格抽奖转盘插件lottery
    • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

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

    友荐云推荐
    安徽快3三同号遗漏
  • 三剑客APP 女巫宝藏电子 圣埃蒂安重机枪 迷你世界游戏最新版本下载 比利亚雷亚尔球衣赞助商 2019足总杯决赛曼城沃特福德 北极特务彩金 福建11选5走势图势图 五分彩实时走势图 金皇冠3手机怎么下载