swiper.animate--css3翻頁動畫

基於swiper 的 animate動畫，適用於Swiper2.x和Swiper3.x 。

1. 使用Swiper Animate需要先加載swiper.animate.min.js和animate.min.css。

2.初始化時隱藏元素並在需要的時刻開始動畫。

<script>        
  var mySwiper = new Swiper ('.swiper-container', {
  onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
    swiperAnimateCache(swiper); //隱藏動畫元素 
    swiperAnimate(swiper); //初始化完成開始動畫
 }, onSlideChangeEnd: function(swiper){ swiperAnimate(swiper); //每個slide切換結束時也運行當前slide動畫  } }) </script>

3. 在需要運動的元素上面增加類名  ani   ，和其他的類似插件相同，Swiper Animate需要指定幾個參數：

swiper-animate-effect：切換效果，例如 fadeInUp （更多的切換效果可參考如下：https://daneden.github.io/animate.css/）

swiper-animate-duration：可選，動畫持續時間（單位秒），例如 0.5s
swiper-animate-delay：可選，動畫延遲時間（單位秒），例如 0.3s

<div class="swiper-slide">
　　<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">內容</p>
</div>