基于zepto适合移动端的幸运大转盘插件
源码介绍
这是一款基于zepto适合移动端的幸运大转盘插件。该幸运大转盘特效使用简单,可以在桌面端和移动端使用。 在页面中引入kinerLottery.css,zepto.js和kinerLottery.js文件。 该幸运大转盘的HTML结构如下: 在页面DOM元素加载完毕之后,通过下面的方法来初始化该幸运大转盘插件。简要教程
使用方法
<link rel="stylesheet" href="css/kinerLottery.css">
<script src="js/zepto.min.js"></script>
<script src="js/kinerLottery.js"></script>
HTML结构
<div id="box" class="box">
<div class="outer KinerLottery KinerLotteryContent">
<img src="./images/lanren.png">
</div>
<div class="inner KinerLotteryBtn start"></div>
</div>
初始化插件
/**
* 根据转盘旋转角度判断获得什么奖品
* @param deg
* @returns {*}
*/
var whichAward = function(deg) {
if ((deg > 330 && deg 0 && deg 30 && deg 90 && deg 150 && deg 210 && deg 270 && deg
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » 基于zepto适合移动端的幸运大转盘插件
发表评论 取消回复