MxSlider.js是一款堆叠卡片样式的jQuery响应式轮播图插件。该轮播图插件兼容IE8浏览器，采用响应式设计，它在图片切换时，就像一叠扑克牌将最上面一张挪开的效果。

使用方法

在页面中引入MxSlider.css，jquery和MxSlider.js文件。

HTML结构

该轮播图的基本HTML结构如下：

 
  
  

    
 
      
      
 
        Slide Description 1
      
    
    
 
      
      
 
        Slide Description 2
      
    
    
 
      
      
 
        Slide Description 3
      
    
  
   
                   
                 

初始化插件

在页面DOM元素加载完毕之后，可以通过MxSlider()方法来初始化该轮播图插件。

$('.mySlider').MxSlider({
  autoPlay: true,
  dots: true,
  timeSlide: 500
}); 
                

配置参数

MxSlider.js轮播图插件的可用配置参数有：

• nav：是否显示前后导航箭头，默认为true。
• dots：：是否显示前后圆点导航按钮，默认为false。
• timeSlide：动画的速度，默认为100毫秒。
• autoPlay：是否自动播放，默认为false。
• autoPlaySpeed：自动播放的速度，默认为5000毫秒。

MxSlider.js轮播图插件的github地址为：https://github.com/Maxim-us/MxSlider