数据载入中,请稍后......
 
展开
懒人码库客户端 点击或扫描下载
欢迎来到懒人码库!懒人码库QQ群:19651313
欢迎来到懒人码库!懒人码库QQ群:19651313  
当前位置:懒人码库 > HTML教程 > HTML5

html5 canvas砸金蛋 公司年会 砸金蛋 抽奖 特效

2015-02-08 23:32 来源:www.lanrenmaku.com / 作者:懒人 已被阅读:次 分类:HTML5 上一篇:html5 滑动手指 视图 屏幕 向上 向下 翻滚 下一篇:FullPage.js:轻松实现全屏滚动效果 jQuery+html5响应式页面滚屏 超赞

时光总是过的如此之快,转眼间又到了年末,想必这段等着放年假的时光应该是最令人快乐的。

 

当然还有更快乐的事情,就是年假前公司举行的年会。为什么要举行年会?我的理解就是:分享一年辛勤劳作的成果、给员工家的温暖、追梦新的征程。

 

年会,就一个感觉,热闹、温暖!所以整个会场的氛围一定要高。虽然抽奖活动年年有,但今年想给所有家人带来不一样的体验,所以特意安排了我们研发部做了一款小有人气的抽奖活动,叫“砸金蛋”。

 

下面我先介绍一下“砸金蛋”的操作流程。

(一).后台设置金蛋数量,并为金蛋添加中奖礼品(空蛋则不需设置)。

(二).打开活动页面,开始选蛋,并点击“开始砸蛋”按钮。 

 

整个流程很简单,下面是活动截图。

(活动主页面)

 

(砸金蛋效果也面)

 

(中奖效果页面)

转自:http://www.canvas-labs.com/Blog/Index/article/id/4.shtml

小贴士:懒人码库 为网页前端人员提供建站常用的广告代码和网页特效,内容涵盖焦点图,导航菜单,jQuery代码,图片特效,对联广告,日历控件,在线客服等。