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

收藏

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

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

查看演示

加我微信，拉你进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;
		}
	}
});