1. README.md
      1. 3DRotate.html
        1. rotate.css
        1. eight.jpg
        2. five.jpg
        3. four.jpg
        4. nine.jpg
        5. one.jpg
        6. poetry.jpg
        7. seven.jpg
        8. six.jpg
        9. three.jpg
        10. two.jpg
      1. font-awesome-ie7.css
      2. font-awesome-ie7.min.css
      3. font-awesome.css
      4. font-awesome.min.css
      1. FontAwesome.otf
      2. fontawesome-webfont.eot
      3. fontawesome-webfont.svg
      4. fontawesome-webfont.ttf
      5. fontawesome-webfont.woff
      1. font-awesome-ie7.css
      2. font-awesome-ie7.min.css
      3. font-awesome.css
      4. font-awesome.min.css
      1. Tabqiehuan.gif
      2. baobao.jpg
      3. bg.jpg
      4. callout.jpg
      5. erweima.png
      6. faraway.jpg
      7. gold.jpg
      8. header-bg.jpg
      9. jrg.png
      10. lunbo.gif
      11. name.png
      12. necklace.jpg
      13. nianqr.jpg
      14. portfolio-1.jpg
      15. portfolio-2.jpg
      16. portfolio-3.jpg
      17. portfolio-4.jpg
      18. result.png
      19. ring.jpg
      20. sanjiaoxing.png
      21. shi1.jpg
      22. shi2.jpg
      23. shi3.jpg
      24. shi4.jpg
      25. ss.jpg
      26. wait.jpg
      27. waterFull.gif
      28. 图片1.png
        1. Tab切换.html
        1. Tabqiehuan.gif
        2. baobao.jpg
        3. bg.jpg
        4. callout.jpg
        5. erweima.png
        6. faraway.jpg
        7. gold.jpg
        8. header-bg.jpg
        9. jrg.png
        10. lunbo.gif
        11. name.png
        12. necklace.jpg
        13. nianqr.jpg
        14. portfolio-1.jpg
        15. portfolio-2.jpg
        16. portfolio-3.jpg
        17. portfolio-4.jpg
        18. result.png
        19. ring.jpg
        20. sanjiaoxing.png
        21. shi1.jpg
        22. shi2.jpg
        23. shi3.jpg
        24. shi4.jpg
        25. ss.jpg
        26. wait.jpg
        27. waterFull.gif
        28. 图片1.png
        1. task-28-1.html
        2. task-28-2.html
        1. task25-1.html
        2. task25-2.html
        3. task25-3.html
        1. task29-1(判断元素是否在可视范围).html
        2. task29-2(回到顶部).html
        3. task29-3(图片懒加载).html
        4. task29-4(懒加载+ajax+事件代理).html
        1. task-30(瀑布流).html
        1. infinite_carousel(全屏) .html
        2. infinite_carousel.html
        3. shadow_carousel(渐变).html
      1. 前后内容添加.html
        1. Tab页切换.html
      2. 模态框.html
      3. 鼠标点击查看图片.html
      1. Tab切换[对象封装].html
      2. infinite_carousel[对象封装].html
        1. contact.css
        2. footer.css
        3. navigation.css
        4. require.css
          1. about.css
          2. contact.css
          3. copyright.css
          4. header.css
          5. logo.css
          6. portfolio.css
          7. services.css
          8. team.css
          9. unify.css
        5. unify.css
        6. works.css
      1. data.txt
          1. 1.jpg
          2. 2.jpg
          3. 3.jpg
          4. 4.jpg
        1. agency.jpg
        2. creative.jpg
        3. freelancer.jpg
        4. full-slider.jpg
        5. full-width-pics.jpg
        6. grayscale.jpg
        7. half-slider.jpg
        8. header-bg.jpg
        9. landing-page.jpg
          1. creative-market.jpg
          2. designmodo.jpg
          3. envato.jpg
          4. themeforest.jpg
        10. map-image.png
        11. one-page-wonder.jpg
          1. dreams-preview.png
          2. dreams.png
          3. escape-preview.png
          4. escape.png
          5. golden-preview.png
          6. golden.png
          7. roundicons-free.png
          8. roundicons.png
          9. startup-framework-preview.png
          10. startup-framework.png
          11. treehouse-preview.png
          12. treehouse.png
        12. stylish-portfolio.jpg
          1. 5.jpg
          2. 6.jpg
          3. 7.jpg
      2. task-15-2.html
      3. task-15.html
        1. 双飞翼布局1.html
        2. 双飞翼布局2.html
        3. 圣杯布局1.html
        4. 圣杯布局2.html

这是我的作品库

主要分为以下四个部分

一、静态页面 这部分有两个静态页面和圣杯布局、双飞翼布局的小demo

  • 静态页面使用固定宽度的居中布局
  • 静态页面使用了fontawesome字体图标

二、原生js

  • 该部分有前后内容添加模态框鼠标点击查看图片等demo
  • 其中tab切换中用原生js对class操作进行了封装

三、jQuery

  • 该部分有Tab切换stickup插件懒加载瀑布流轮播等demo
  • 轮播中有全屏轮播、渐变轮播、滚动轮播等效果

四、组件封装

  • 该部分运用面向对象的思想对轮播效果和Tab切换效果进行了组件封装

五、3DRotate

  • 该部分利用CSS3中的动画和transform属性实现了3D的旋转木马效果

感谢能够进入我的作品库查看我的作品