jquery响应式幻灯片插件bxSlider

bxSlider 是一款免费的 jQuery Slider 的插件，它可以实现 内容和图片幻灯片滚动效果，支持响应式，自适应各种尺寸的屏幕，桌面和手机等各种设备都能完美适应。

 

bxSlider 详细功能

完全响应式：支持所有设备。
支持水平，垂直和淡入淡出等模式。
支持图片，视频和 HTML 内容等幻灯片。
内置支持触摸和滑动等高级操作。
使用 CSS transitions 来实现幻灯片动画（原生硬件加速）。
完整的回调 API 和接口。
插件体积非常小，但是包含完整的主题，非常容易集成。
支持 Firefox, Chrome, Safari, iOS, Android, IE7+ 等几乎所有的浏览器。
非常详细的功能配置选项。
bxSlider下载地址：

http://bxslider.com/lib/jquery.bxslider.zip

bxSlider使用教程

1. 首先加载 jQuery JS 库和下载并加载 bxSlider 的 JS 和 CSS 库：

css" rel="stylesheet" />
2. 创建一个对应的 HTML 代码：

     
• 

     
• 

     
• 

3. 调用 bxSlider：
$(document).ready(function(){
  $('.bxslider').bxSlider();
});
bxSlider参数选项
bxSlider提供了丰富的选项可配置，以下我们列出最主要也是最常用的选项设置