微信扫码登录 ×
jQuery移动端大转盘抽奖代码

jQuery移动端大转盘抽奖代码

收藏
jQuery移动端大转盘抽奖代码
jQuery手机大转盘抽奖,支持设置指定奖品和中奖名单文字滚动效果。

使用方法:

1.引入jquery.rotate.min.js用于大转盘的旋转

2.引入swiper.min.css和swiper.min.js用于中奖名单轮播

<link rel="stylesheet" href="css/swiper.min.css" />
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js" ></script>

3.只需要更换turnplate的id就可以更换相应的奖品

var turnplate={
    restaraunts:["iphone x", "100话费红包", "周大福吊坠", "50个赠币", "爱奇艺月卡", "1个赠币", "欧乐B牙刷", "1个积分"],//大转盘奖品名称
    rotateFlag:false, //false:停止;ture:旋转
    id:1 //抽中的id 1:iphone x  2:100话费红包   3:周大福吊坠 ......
};

使用声明

1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。

x
×
×

注册

QQ注册 立即下载 微信注册 立即下载

签到成功!

已连续签到1天,连续签到3天可获得50积分

知道了