插件描述：这是一个更轻、更快的jQuery幻灯片插件。我们认为你会喜欢它的。
如何使用它:
添加jquery.skippr.css、jquery.skippr.js和jquery库到你页面的head位置。
注意jquery.skippr.css一定要添加到jquery.skippr.js之前
1 2 3 4 5 6 7 | <head> <title>Your Awesome Website</title> <link rel="stylesheet" href="css/jquery.skippr.css"></head><script src="skippr/js/jquery.skippr.js"></script> |
创建一个div元素用于每个幻灯片,并添加一个背景图像和css或样式属性。Skippr目标div标签内的所选元素background-images应用。把这个目标元素在一个容器元素的风格和定位。目标元素将完全填满它的父容器元素。
1 2 3 4 5 6 7 | <div id="random"> <div class="yellow"></div> <div style="background-image: url(img/test2.jpg)"></div> <div style="background-image: url(img/test5.jpg)"></div> <div style="background-image: url(img/test3.jpg)"></div> <div style="background-image: url(img/test4.jpg)"></div></div> |
调用插件关联对应的id
1 2 3 4 5 6 7 8 9 10 | <script> $(document).ready(function() { $("#random").skippr(); $("#random2").skippr({ navType: 'bubble', autoPlay: true, autoPlayDuration: 2000 }); });</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery计算器输入插件jCalculator
- 下一个特效： gridscrolling.js - HTML5文章布局和导航