Home JS special effects jQuery effects jQuery responsive slide carousel special effects

jQuery responsive slide carousel special effects

jQuery responsive slide carousel special effects

jQuery responsive slide carousel special effects

<head>
<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">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="swiper-container">
<a class="arrow-left" href="#"></a> 
<a class="arrow-right" href="#"></a>
<div class="swiper-wrapper">
<div class="swiper-slide 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="swiper-slide slide2">
<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响应式幻灯片轮播的特效,需要的朋友可以下载使用。

Disclaimer

All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn

Related Article

 
jquery special effects slide effect sample code_jquery

16 May 2016

You must be familiar with the slideshow in jquery special effects. Let me share with you a relatively good slideshow effect with source code attached. Friends who are interested can learn from it.

jQuery implements image carousel special effects code sharing_jquery jQuery implements image carousel special effects code sharing_jquery

16 May 2016

This article mainly introduces jQuery to implement image carousel effects. The image carousel effect is particularly suitable for product display. Interested friends can refer to it.

jQuery focus chart carousel special effects code sharing (3 models)_jquery jQuery focus chart carousel special effects code sharing (3 models)_jquery

16 May 2016

This article mainly introduces jQuery focus image carousel special effects. The source code of three multi-functional atmospheric focus image carousel effects implemented by jQuery cxSlide is a focus image carousel code with three different styles and effects. You can also use the mouse. The scroll wheel controls the zooming of pictures. It is recommended to everyone. Friends who need it can refer to it.

jquery implements horizontal image carousel special effects code sharing_jquery jquery implements horizontal image carousel special effects code sharing_jquery

16 May 2016

This article mainly introduces the jquery code to implement horizontal image carousel special effects. The effect is very exquisite and the implementation method is very simple. I recommend it to everyone. I hope you will like it.

jquery has index button and automatic carousel switching special effects code sharing_jquery jquery has index button and automatic carousel switching special effects code sharing_jquery

16 May 2016

This article mainly introduces the special effects of automatic carousel switching with index buttons implemented by jquery. The pictures are simple and elegant. Interested friends can refer to it.

jquery image carousel special effects code sharing_jquery jquery image carousel special effects code sharing_jquery

16 May 2016

This article mainly introduces the simple image carousel effect of jquery. The image carousel effect is particularly suitable for product display. Interested friends can refer to it.

jQuery full screen picture carousel special effects code sharing with progress bar_jquery jQuery full screen picture carousel special effects code sharing with progress bar_jquery

16 May 2016

This article mainly introduces the jQuery full-screen image carousel effect with a progress bar. The image carousel effect is particularly suitable for product display. It also has a progress bar to transfer full-screen image display. Interested friends can refer to it.

jQuery super exquisite picture carousel slideshow special effects code sharing_jquery jQuery super exquisite picture carousel slideshow special effects code sharing_jquery

16 May 2016

This article mainly introduces jQuery’s ultra-exquisite picture carousel slideshow effect. The picture carousel effect is particularly suitable for product display. Interested friends can refer to it.

jQuery right tab focus image carousel special effects code sharing_jquery jQuery right tab focus image carousel special effects code sharing_jquery

16 May 2016

This article mainly introduces the focus image carousel effect of jQuery's right tab, a fresh and lovely focus image carousel code, friends in need can refer to it.

See all articles See all articles

Hot Tools

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

A very popular jQuery Valentine's Day confession fireworks animation special effect on Douyin, suitable for programmers and technical geeks to express their love to the girl they love. No matter you choose to be willing or not, you have to agree in the end.

layui responsive animated login interface template

layui responsive animated login interface template

layui responsive animated login interface template

520 Valentine's Day confession web animation special effects

520 Valentine's Day confession web animation special effects

jQuery Valentine's Day Confession Animation, 520 Confession Background Animation

Cool system login page

Cool system login page

Cool system login page

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER