最近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度旋转 图片旋转轮播