jQuery レスポンシブ スライド カルーセルの特殊効果

<頭>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery响应式幻灯片轮播の特色</title>
<link rel="stylesheet" href="css/idangerous.swiper2.7.6.css">
<link rel="stylesheet" href="css/animate.min.css">
<リンク rel="スタイルシート" href="css/style.css">
</head>
<本文>
<div class="スワイパーコンテナ">
<a class="arrow-left" href="#"></a>
<a class="arrow-right" href="#"></a>
<div class="スワイパーラッパー">
<div class="スワイパースライド slide1">
<a href="" class="inner">
<img src="images/s0.png" class="ani img s0" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
<img src="images/s1.png" class="ani img s1" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s">
<img src="images/s2.png" class="ani img s2" swiper-animate-effect="flipInY" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
<img src="images/s3.png" class="ani img s3" swiper-animate-effect="fadeInUp" swiper-animate-duration="2s" swiper-animate-delay=".2s">
<img src="images/s4.png" class="ani img s4" swiper-animate-effect="fadeInUp" swiper-animate-duration="2.5s" swiper-animate-delay="0s">
</a>
</div>
<div class="スワイパースライド スライド2">
<a href="" class="inner">
<img src="images/pigBanner_03.png" class="ani img zh-a-1" swiper-animate-effect="bounceInDown" swiper-animate-duration="2s" swiper-animate-delay="0.5s 「>
<img src="images/pigBnnaer_1_03.png" class="ani img zh-a-2" swiper-animate-effect="zoomIn" swiper-animate-duration="2s" swiper-animate-delay="0s" >
</a>

</div>

これは、jQuery 対応型幻灯の送信の機能の 1 つであり、必要な友人は以下にダウンロードして使用できます。