Swiper

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ Swiper无需加载任何公共库（如jquery）即可运行，这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的运行，如jQuery, Zepto, jQuery Mobile等。 中文官网：http://www.swiper.com.cn/ Swiper使用方法 首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。

 <link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
<script type="text/javascript" src="js/swiper-3.4.2.min.js" ></script>

初始化一个Swiper：
Container： Swiper的容器，里面包括滑动块（slides）的封套（wrapper)、分页器(pagination)、前进按钮等。
wrapper ：触控的对象，可触摸区域，移动的块的集合，过渡时会随slide切换产生位移。

<div class="swiper-container">
  <div class="swiper-wrapper">
    ...
  </div>
</div>

Swiper Animate使用方法
使用Swiper Animate需要先加载swiper.animate.min.js和animate.min.css。

 <link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
          <link rel="stylesheet" href="css/animate.min.css" />
    <script type="text/javascript" src="js/swiper-3.4.2.min.js" ></script>
<script type="text/javascript" src="js/swiper.animate1.0.2.min.js" ></script>

制作动漫效果的广告工具扩展：木疙瘩