jQuery 반응형 슬라이드 캐러셀 특수 효과

<머리>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<제목>jQuery의 새로운 기능</title>
<link rel="stylesheet" href="css/idangerous.swiper2.7.6.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/style.css">
</머리>
<몸>
<div class="swiper-container">
<a class="arrow-left" href="#"></a> 
<a class="arrow-right" href="#"></a>
<div class="swiper-wrapper">
<div class="swiper-slide 슬라이드1">
<a href="" class="inner">
<img src="images/s0.png" class="ani img s0" swiper-animate-효과="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
<img src="images/s1.png" class="ani img s1" swiper-animate-효과="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s">
<img src="images/s2.png" class="ani img s2" swiper-animate-효과="flipInY" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
<img src="images/s3.png" class="ani img s3" swiper-animate-효과="fadeInUp" swiper-animate-duration="2s" swiper-animate-delay=".2s">
<img src="images/s4.png" class="ani img s4" swiper-animate-효과="fadeInUp" swiper-animate-duration="2.5s" swiper-animate-delay="0s">
</a>
</div>
<div class="swiper-slide 슬라이드2">
<a href="" class="inner">
<img src="images/pigBanner_03.png" class="ani img zh-a-1" swiper-animate-효과="bounceInDown" swiper-animate-duration="2초" swiper-animate-delay="0.5초 ">
<img src="images/pigBnnaer_1_03.png" class="ani img zh-a-2" swiper-animate-효과="zoomIn" swiper-animate-duration="2초" swiper-animate-delay="0초" >
</a>

</div>

这是一个jQuery는 JQuery와 함께 다운로드할 수 있는 특별한 정보를 제공합니다.