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

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

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

淘建站为您提供更多_其他_抽奖_展示,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 80 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:PHP功能模块 > 其他 难易程度:初级

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;
		}
	}
});

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/2673.html
js跑马灯用来进行抽奖的前端的效果展示 希望对你有帮助,感谢您的支持!
  • jQuery.lottery.js微信手机抽奖

    jQuery.lottery.js微信手机抽奖

  • jQuery自己写的抽奖数字小插件

    jQuery自己写的抽奖数字小插件

  • jquery图片冒泡插件鼠标悬停图片冒泡动画展示

    jquery图片冒泡插件鼠标悬停图片冒泡动画展示

  • jquery hover鼠标悬停品牌图片旋转动画展示

    jquery hover鼠标悬停品牌图片旋转动画展示

  • jquery hScrollPane水平滚动条美化插件商品图片横行展示

    jquery hScrollPane水平滚动条美化插件商品图片横行展示

  • 产品多图展示带放大镜代码

    产品多图展示带放大镜代码

  • jQuery活动奖品九宫格抽奖代码

    jQuery活动奖品九宫格抽奖代码

  • jquery九宫格图片大转盘抽奖代码

    jquery九宫格图片大转盘抽奖代码

  • jQuery图片鼠标悬停大图展示效果

    jQuery图片鼠标悬停大图展示效果

  • jquery适用于手机端转盘抽奖插件

    jquery适用于手机端转盘抽奖插件

  • 京东淘宝商城首页图片滚动展示ImageSlide

    京东淘宝商城首页图片滚动展示ImageSlide

  • jQuery带抽奖次数的大转盘抽奖代码

    jQuery带抽奖次数的大转盘抽奖代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2