Giter VIP home page Giter VIP logo

luckydraw's Introduction

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

luckydraw's People

Contributors

gavinjzx avatar

Stargazers

CP DAO avatar Kang Lampan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.