插件描述：代码清晰,动画流畅,无bug的banner滚动轮播
使用方法
直接在html引入banner图
1 2 3 4 5 | <ul > <li><img src="images/banner1.jpg" /></li> <li><img src="images/banner2.jpg" /></li> <li><img src="images/banner3.jpg" /></li></ul> |
jquery控制banner以背景图显示不影响图片像素
1 2 3 4 5 6 7 | $(function() { $(".banner_img img").css("display", "none") $(".banner_img li").each(function(e) { $(".banner_img li:eq(" + e + ")").css("backgroundImage", "url(" + $( ".banner_img li:eq(" + e + ")").find("img").attr("src") + ")"); });}); |
该插件简单易懂 初学者更容易学习
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery移动端下拉刷新、加载更多
- 下一个特效： jQuery手机端侧边栏滑出导航菜单