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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载