jquery.bxSlider响应式滑动插件

本文将介绍一款基于jQuery的响应式内容滑动插件，支持多种滑动模式（水平、垂直、淡入淡出效果），支持移动端并兼容主流浏览器。

淘建站为您提供更多_图片代码_图片滑动_滑动_响应式，在此特别感谢您对我们的支持与厚爱！

1、首先引入jQuery.js，bxSlider.js和bxSlider.css。

<link rel="stylesheet" type="text/css" href="jquery.bxslider.css"> 
<script src="jquery.js"></script> 
<script src="jquery.bxslider.min.js"></script>

2、我们创建一个ul.bxslider，让子元素li中加入滑动内容，滑动内容可以是图片、视频或任意html内容：

<ul class="bxslider"> 
      <li><img src="images/pic1.jpg" /></li> 
      <li><img src="images/pic2.jpg" /></li> 
      <li><img src="images/pic3.jpg" /></li> 
</ul>

3、调用bxSlider很简单.代码如下：

$(function(){ 
    $('.bxslider').bxSlider(); 
});

演示文件里提供了4个demo，主题分别为演示1:标准 演示2：带标题的图片滑动 演示3：自动滑动控制演示4：垂直滑动。

bxSlider参数设置