jQuery实现抽奖特效

作者:林炜贤来源:www.163css.com发表时间:(2013-02-09)

春节就要到了,今天我们来发布一个抽奖代码,大家喜洋洋啊。。。

我们看下效果图,像这样的抽奖,以前都是用flash做的,但今天,我们强大的jquery也是OK的。正如你所看,就是点击抽奖,就会有一个圈在跑,接着停下来,抽中的物品就是你的了。

 

从上面的变量,我们可以得知,就是转了三圈,random_num,可以确定哪个是要中奖的数字。。。我们一共要14个产品,其中三个是未中奖提示。。。

我们可以看出,start函数,实现了跑马灯的效果,当跑到第第5个的时候,速度变成 50,转圈的速度越来越快。。。

这个代码,实现了我们跑马灯的效果,就是加上一个边框啊。。。

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.net/net163/cssjs/2013/02/price/index.html

下载地址:jquery实现抽奖特效.zip

 

返回作者主页:www.163css.com阅读 (8627)
更多 1