注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery手机移动端老虎机抽奖代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-08-26
jQuery手机移动端老虎机抽奖代码
jQuery手机移动端老虎机抽奖代码是一款好看的网站抽奖活动专题页面特效。


js代码

<script>
$(function () {
	//抽奖切换
	$('.com-main .slots ul li').each(function () {
		$(this).click(function () {
			if($(this).hasClass('active')){
				return false
			}
			$(this).addClass('active').siblings().removeClass('active');
			var type=$(this).attr('data-type');
			$(".com-main .slots dl dd").attr({'class':"fl "+type});
			$('.com-main .slots .play-btn').attr('data-type',type);
			if(type==='gb'){
			   $('.com-main .slots h3').html('50 钢镚/次');
			}else if(type==='jd'){
				$('.com-main .slots h3').html('1 金豆/次')
			}
		});
	});

	//抽奖play按钮
	$('.com-main .slots .play-btn').click(function () {
		var u = 160.4; //盒子的高度
		var random='000';//中奖随机数 ,分解金豆获取钢镚'000','111','222',
		var _this=$(this);
		var type=$(this).attr('data-type');
		if(!_this.hasClass('active')){
			_this.addClass('active');
			$(".com-main .slots dl dd").slots(u,random,function () {
				_this.removeClass('active'); //还有抽奖机会移除active
				$.giftWarm("恭喜你",'合成了<span>5</span>个金豆')
			});
		}
	});
});
</script>