Home  >  Article  >  Web Front-end  >  Jquery left and right sliding plug-in to achieve super cool animation effect with source code download_jquery

Jquery left and right sliding plug-in to achieve super cool animation effect with source code download_jquery

WBOY
WBOYOriginal
2016-05-16 15:28:011371browse

Sharing a super cool animation sliding plug-in based on jQuery. This is a multiple slider switching effect based on the jquery.pogo-slider plug-in. The renderings are as follows. If you think it looks good and are satisfied, you can download the source code.


Effect display Source code download

Implementation code.

html code:

<div class="pogoSlider" id="js-main-slider">
  <div class="pogoSlider-slide" data-transition="slideOverLeft" data-duration="1000" style="background-image:url(img/slide1.jpg);"></div>
  <div class="pogoSlider-slide " data-transition="fold" data-duration="1000" style="background-image:url(img/slide2.jpg);"></div>
  <div class="pogoSlider-slide " data-transition="shrinkReveal" data-duration="1000" style="background-image:url(img/slide3.jpg);"></div>
 </div><!-- .pogoSlider -->
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn