插件描述：PgwSlider是一个使用非常简单的jquery插件,他可以帮你快速创建一个垂直轮播图。
使用方法
添加jquery库和pgwslider.min.js到您的页面
1 2 | <script src="pgwslider.min.js"></script> |
用于展示轮播图html代码如下
1 2 3 4 5 6 | <ul class="pgwSlider"> <li><img src="img/paris.jpg" alt="Paris, France" data-description="Eiffel Tower and Champ de Mars"></li> <li><img src="img/new-york.jpg" alt="Montréal, QC, Canada" data-large-src="img/new-york.jpg"></li> <li> <img src="img/shanghai.jpg"> <span>Shanghai, China</span> </li> <li> <a href="/" target="_blank"> <img src="img/new-york.jpg"> <span>New York, NY, USA</span> </a> </li></ul> |
js调用插件
1 2 3 4 5 6 7 | <script type="text/javascript"> $(document).ready(function(){ $(document).ready(function() { $('.pgwSlider').pgwSlider(); }); });</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery Smoove-华丽的CSS3滚动效果
- 下一个特效： jQuery回到顶部插件jQuery GoUp