demos
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css3-demos
game-demos
jQuery-demos
.DS_Store
README.md

README.md

practice-demos

学习时练习的一些demos

目录

jQuery-demos

   1. accordion:网格手风琴练习;

   2. carousel_01:模仿jQuery库中的一个轮播图练习;

   3. carousel_02:模仿搜狐首页轮播图;

   4. carousel_03:模仿淘宝首页轮播图;

   5. magnifier of JD: 模仿京东商品的鼠标移上放大展示效果;

   6. packing box of Smartisan U2 pro: 模仿坚果pro首页包装盒展示效果;

   7. ajax-jquery: 利用jQuery的ajax方法模仿126邮箱实现用户名查询和注册;

   8. banner of Smartisan U2 Pro:模仿坚果首页banner,实现跟随鼠标移动效果图;

   9. bilibili-nav: jQueryUI实现b站导航拖拽,页面也随导航移动;

css3-demos

   1. m.trip: 模仿携程手机端练习flex布局, 添加banner效果(swipe.js);

   2. taobao_notification: 利用swipe模仿淘宝移动端通知平台;

   3. cover-follow-the-mouse: 遮罩层跟随鼠标的移动进入和离开每个图片;

  4. corner with css3: 利用css3实现鼠标移入,翻角效果;

  5. m.Kaola: 网易考拉移动端练习flex布局;

game-demos

   1. retro-snaker: 第一个原生的贪吃蛇小游戏;

   2. tetris: 俄罗斯方块;

   3. -agar-clone: 用canvas模仿球球大作战的小游戏;

   4. -paper-plane: 用canvas制作纸飞机游戏;