注册 登录 充值会员 退出
毕业设计 PHP源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-11-02
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>