Jquery左右滑动插件之实现超级炫酷动画效果附源
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这是一款基于jquery.pogo-slider插件实现的多个滑块切换特效。本篇文章给大家介绍Jquery左右滑动插件之实现超级炫酷动画效果,对jquery左右滑动插件相关知识感兴趣的朋友参考下
分享一款基于jQuery超级酷动画滑动插件。这是一款基于jquery.pogo-slider插件实现的多个滑块切换特效。效果图如下,如果大家觉得还不错,很满意可以下载源码哦。
实现的代码。
html代码:
<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 -->