jQuery移动端大转盘抽奖代码

jQuery移动端大转盘抽奖代码

收藏
jQuery移动端大转盘抽奖代码
jQuery手机大转盘抽奖,支持设置指定奖品和中奖名单文字滚动效果。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 迷茫
  • 上传时间 6年前

使用方法:

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. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。