jQuery轮播神器，FlexSlider插件，你值得拥有？

本文共计348个文字，预计阅读时间需要2分钟。

`slideshow.js //-------------------------------- 轮播图插件：使用jQuery-------------------------- //-------------------------------- 有的时候我们需要使用轮播图插件，开发效率高，兼容性好，无需过多考虑。因此，jQuery.flexslider 是一个不错的选择。`

slideshow.js

//---------------------------------轮播图插件：（使用jquery）--------------------------// //有的时候我们需要使用轮播插件，开发效率高，兼容性不用过多考虑，所以jquery.flexslider是一个很好的选择 //文档参考地址：blog.csdn.net/nature_fly088/article/details/51599136 //这篇博客详细的解释了这个插件，你需要的基本上都很全面。 //需要：jquery-1.8.2.min.js jquery.flexslider-min.js //html代码：

//js代码： $(document).ready(function(){ $('.flexslider').flexslider({ animation: "slide", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动 slideshowSpeed: 3000,// 自动播放速度毫秒 animationLoop: true,// "disable" classes at either end 是否循环滚动 循环播放 slideshow: true, //Boolean: Animate slider automatically 载入页面时，是否自动播放 manualControls: ".js-slidernav i", //Selector: .自定义控制导航// 小圆点活数字标示 css 选择器 pauseOnAction: false,//Boolean: highly recommended. randomize: true,//Boolean: Randomize slide order 是否随机幻灯片 }); }); //---------------------------无缝轮播写法---------------------------------------------// //html代码：

• 1
• 2
• 3
• 4
• 5

< > //js代码：