账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式

jQuery+json九宫格转盘抽奖代码

一款简单的jQuery+json九宫格转盘抽奖代码,本实例中奖号码是写死的,有能力的朋友可以改成随机或者后台返回中奖数据。注意:加载外部json数据文件,本地预览请在服务端查看效果,如localhost。

61 0 0 0
升级VIP尊享更多会员特权

源码属性

    • 源码编号YM80
    • 源码语言
    • 数据库
    • 适用行业网站常用名站特效jquery特效其他代码
    • 下载价格10积分
    • VIP下载免费下载
    • 发布者冰蓝无敌
    • 更新时间2021-09-13

源码介绍

一款简单的jQuery+json九宫格转盘抽奖代码,本实例中奖号码是写死的,有能力的朋友可以改成随机或者后台返回中奖数据。注意:加载外部json数据文件,本地预览请在服务端查看效果,如localhost。

js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/encryption-win.js"></script>
<script type="text/javascript">
$(function () {

	document.querySelector('#me').addEventListener('click', function () {
		$.ajax({
			url: './winData.json',
			method: 'get',
			success: function (data) {
				new Win({
					el: '.lottery', //抽奖元素的父级
					startIndex: 1, //从第几个位置开始抽奖 [默认为零]
					totalCount: 4, //一共要转的圈数
					// winningIndex: data.win, //中奖的位置索引[1-8] 后台返回的中奖数字
					winningIndex: 3, //模拟写死的,实际效果可接受后台返回
					speed: 50 //抽奖动画的速度 [数字越大越慢,默认100]
				}, function () {  //中奖后的回调函数
					//do something
					$('.lottery li').each(function () {
						if ($(this).hasClass('active')) {
							//打印当前中奖信息
							console.log($(this).html());
							$('.prize').html($(this).html());
						}
					});
				});
			}
		});
	})
});//end function
</script>



转载请注明出处:https://www.wanxiangsucai.com/resources/show-80.html

全部评论( 0 )

冰蓝无敌ID:1

关注 私信

他共发布:378个素材去看看

上传时间:2021-09-13

素材作者:未知

素材类型:网站常用名站特效jquery特效其他代码

适用程序:

版权申明:本站素材来网络和用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服 QQ:120507403 给予处理。

积分不够用?点这里充值
猜你喜欢 没有想要的 快去搜一下