jquery九宫格抽奖怎么弹出获奖信息

 时间:2024-10-13 14:16:47

1、第一步按照惯例写好html头尾,将元素添加进去。

jquery九宫格抽奖怎么弹出获奖信息

3、由于九宫格需要动画效果,所以每一个td后面我们都要加上一个空的div元素,定义为mask,就是接下来的遮罩动画效果。

jquery九宫格抽奖怎么弹出获奖信息

5、使用浏览器打开index.html文件查看效果。

jquery九宫格抽奖怎么弹出获奖信息

7、写入js文件,先是定义跑马灯。初始化函数,注释都在下图

jquery九宫格抽奖怎么弹出获奖信息

9、当然如果匀速转动的话就不像一个正规的程序了。所以需要引入随机变量。调用刚才命名的lottery里的roll方法,给转动初始速度,转动次数,转动圈数都加一个Math.random()函数。详细代码如下

jquery九宫格抽奖怎么弹出获奖信息

11、最后是如何弹出信息,有很多种方式。这里介绍最简单的alert弹窗。在roll结束的时候加上一个判断,然后alert出this.index就可以了。

jquery九宫格抽奖怎么弹出获奖信息
  • 域控制器上如何用命令添加带有描述的组织单元?
  • Ubuntu虚拟机ping不通win7宿主机怎么办
  • Linux tar命令详解
  • ADT eclipse导出lib(jar包)
  • 热门搜索
    泰安旅游景点大全 宁波旅游包车 长春大学旅游学院怎么样 上海到济州岛旅游 湖北省旅游景点 世界旅游日是哪一天 厦门旅游网 同城旅游网 白石山旅游攻略 经典旅游路线