/luckyDraw

公司年会抽奖程序,在浏览器下直接执行。按F11进全屏模式效果最佳。

Primary LanguageCSS

2017年1月3日拿到设计师给的illustrator效果图,1月5日完工,1月6日公司年会上使用。 虽然自己只中了最次的阳光普照奖100元,但看着大家看着屏幕欢呼,心中不禁有小小的高兴。

把代码分享出来,有需要的朋友可载下来,修改成自己所需要的格式。

因为使用了css3 animation,所以建议使用chrome,firefox,IE10及以上(IE9及以下不支持css3 animation)。

调用库: js:jquery css:animation

文件结构:

\index.html 抽奖主界面

\js\index.js JS主程序

\js\lib\jquery-1.12.4.min.js jQuery文件

\js\lib\common.js 一些公用函数

\css\animate.css css3 animation库

\css\style.less 样式Less文件

\css\widget*.less style.less引用的less文件

\css\img\ 页面上所用到的图标文件

在线演示: http://atigege.com/case/web/bgi/luckyMan/

我的个人网站(建议用手机浏览) http://atigege.com