gongzhonghao.png
扫码关注我们
最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

js跑马灯用来进行抽奖的前端的效果展示

来源:http://www.erdangjiade.com/js/2673.html 沐浴春风 2017-05-26 11:30浏览(1641)

这是一个最近的项目用到的抽奖效果,参数说明global 对象全局this,curC 当前转的总圈数,num 每一圈的总元素个数,steps 每次点击抽奖转动的步数,run 每次执行的标识码。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

js跑马灯用来进行抽奖的前端的效果展示
分类:PHP > 其他 难易:初级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 50 积分

JS抽奖类库(原生的Js代码)

1.参数说明 global 对象全局this curC 当前转的总圈数 num 每一圈的总元素个数 steps 每次点击抽奖实时转动的步数 run 每次执行的标识码

2.调用(下面显示的都是必填项)

new Jslottery({
	scroll_dom:'', //用来滚动的dom元素
	scroll_dom_css:'',//每次滚动需要改变的元素属性名称 如 background-color、border...
	scroll_dom_css_value:'',//滚动时需要改变的属性值 如 red、1px solid red...
	scroll_dom_attr:'',//滚动的元素上绑定的奖品id号 如 <div data_id="1"></div> 这里的data-id就是attr 这里的id数字必须是连续的正整数
	stop_position:0, //最终在哪个元素处停止
	start_position:1,//元素第一次开始的位置,以后 不需要再赋值了
	callback:function(data){
		//这里进行回调函数的处理
		switch(data.status){
			case '-1': //异常处理
			break;
			case '0'://滚动开始
			break;
			case '1'://滚动结束
			break;
		}
	}
});
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/2673.html
评论7
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 6楼
    10-23 05:07
    憨憨小叶子
    后面差不多要停下来的时,修改一下感官可能会更好
  • 头像 5楼
    08-10 19:33
    fantlam
    这么厉害的。。。。<br />
  • 头像 4楼
    12-04 15:06
    张永杰vae
    怎么一直不停了,停不下来啊
  • 头像 3楼
    06-06 10:14
    573556786
    厉害 我的哥
  • 头像 板凳
    06-02 22:15
    laochuizi
    非常好,受教了!
  • 头像 椅子
    06-02 11:18
    lansai
    真的很好用。确实很好用的
  • 头像 沙发
    05-26 11:58
    y327782437
    很好用很好用很好用很好用很好用很好用很好用很好用很好用
1 2