MxSlider.js是一款堆叠卡片样式的jQuery响应式轮播图插件。该轮播图插件兼容IE8浏览器,采用响应式设计,它在图片切换时,就像一叠扑克牌将最上面一张挪开的效果。
使用方法
在页面中引入MxSlider.css,jquery和MxSlider.js文件。
HTML结构
该轮播图的基本HTML结构如下:
初始化插件
在页面DOM元素加载完毕之后,可以通过MxSlider()方法来初始化该轮播图插件。
$('.mySlider').MxSlider({
autoPlay: true,
dots: true,
timeSlide: 500
});
配置参数
MxSlider.js轮播图插件的可用配置参数有:
nav:是否显示前后导航箭头,默认为true。
dots::是否显示前后圆点导航按钮,默认为false。
timeSlide:动画的速度,默认为100毫秒。
autoPlay:是否自动播放,默认为false。
autoPlaySpeed:自动播放的速度,默认为5000毫秒。