最近Jquery学堂群里面的很多网友要求分享一个用jquery实现类似flash圆盘的抽奖的特效出来,一直没有网友们分享,今天刚好看到360搜索搞活的页面有抽奖特效,于是就将它整理出来第一时间分享给大家参考用,虽然有点乱,但是可以运行,希望可以帮到网友们,好好利用哇。。。
	
	抽奖启动代码如下:
	
start: function() {
	function i() {
		var t = setTimeout(function() {
			var t = e.getPosition(),
			r = e.config.loop > 0 ? 50 : 180 + n * 25;
			e.runtime.isMove = !0,
			e.config.box.animate({
				top: t.top + "px",
				left: t.left + "px"
			},
			r, "swing",
			function() {
				e.runtime.isMove = !1,
				n > 15 && e.config.loop--,
				n > e.config.indexs.length && (n = 0),
				n++,
				e.isGoOn() ? i() : (e.runtime.lock = !1, !e.runtime.isMove && !e.runtime.lock && $("#dialog-layer").show())
			})
		},
		80)
	}
	var e = this,
	t = e.config.indexs,
	n = 0,
	r = !1;
	e.config.loop = 2,
	e.runtime.lock || e.getAward(function() {
		e.runtime.lock = !0,
		e.runtime.state != "notimes" && i()
	})
},
	
	效果如下 :
	 
 
	
   
                    
                    	
                    	    
                    	 
    如果您觉得本作品对您的学习有所帮助:
    	
                    	   
                    	   关键字:
jquery抽奖 圆盘抽奖 抽奖特效 弹窗插件 弹出层 提示插件 旋转特效 360度旋转 图片旋转轮播