可乐橙的私房demo

• 基础功能

  1. 图标字体
  2. SVG图像
  3. table属性
  4. tab页切换
  5. 倒计时
  6. 点击空白处隐藏
  7. 滑动门按钮
  8. 居中截取图片
  9. 锚链接平滑滚动
  10. 判断设备跳转
  11. 日期相减计算天数
  12. 页面滚动开关
  13. 导出excel
  14. 响应式断点
  15. 响应式图片
  16. 鼠标拖拽
  17. 拖放操作
  18. 判断页面加载状态
  19. 页面加载进度条
  20. js判断浏览器版本
  21. 剪贴板操作
  22. 鼠标滚轮翻页
  23. 水平垂直居中

• CSS效果

  1. CSS3常用代码整理
  2. CSS三角箭头
  3. 面包屑
  4. 环形进度条
  5. CSS3菜单
  6. loading动画
  7. 鼠标点击光晕扩散
  8. 3D变换透视
  9. CSS视觉差滚动
  10. flexbox
  11. 转场效果-立方体
  12. 字重

• 移动端

  1. jQuery Mobile
  2. JS触摸事件
  3. JS手势事件
  4. 单指拖动
  5. 单指旋转
  6. 双指下滑回顶部
  7. 双指缩放
  8. 双指旋转
  9. 列表项滑动删除
  10. 下拉刷新
  11. 获取地理位置
  12. 陀螺仪
  13. 加速度计
  14. 禁止自动识别电话号码

• canvas

  1. canvas基础
  2. canvas模拟时钟
  3. canvas绘制位图
  4. EaselJS基础

• 图片效果

  1. JQuery图片墙
  2. malihu全屏画廊
  3. showbox幻灯片
  4. FlexSlider
  5. 翻页图片画廊
  6. 滚动图片
  7. 视觉差效果跟随鼠标
  8. 鼠标悬停效果

• 表单效果

  1. AnimatedCheckboxes
  2. cxSelect
  3. Datepicker
  4. textarea字数限制
  5. 文本框下拉提示
  6. 限制只能输入数字
  7. 虚拟键盘
  8. 自动聚焦

• 底层代码应用

  1. JQuery outerHTML函数
  2. JS绑定事件
  3. JS遍历
  4. JS获取class
  5. JS删除节点
  6. JS自定义日期格式
  7. 判断父元素子元素
  8. 条件表达式嵌套
  9. 为原始函数定义方法
  10. 创建svg元素
  11. JS判断是否数组
  12. 各数据类型的false值
  13. 读取JSON文件
  14. 函数闭包
  15. 操作cookie
  16. HTML5本地存储
  17. HTML5离线存储
  18. web worker

• GSAP动画

  1. 基本动画
  2. 动画控制
  3. 时间线
  4. 页面滚动
  5. 拖动
  6. 分离文字
  7. SVG绘图
  8. 物理模拟
  9. 文字解码

• 组件

  1. fancyBox（相册）

  2. fullcalendar（日历）

     1. default
     2. agenda-views
     3. basic-views
     4. external-dragging
     5. gcal
     6. json
     7. selectable
     8. theme
  3. Highcharts（svg图表）

  4. Chart.js（canvas图表）

     1. bar
     2. doughnut
     3. line
     4. pie
     5. polarArea
     6. radar
     7. sixup
  5. jsScrolling（滚动条）
  6. CreativeButtons（按钮特效）
  7. IconHoverEffects（图标hover特效）
  8. js许愿墙
  9. raphael地图
  10. 标签云
  11. ebook电子书插件

  12. iSlider

      1. default
      2. card
      3. picture_with_button
      4. picture_with_dots
      5. zoom