FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果。
适合所有初级和高级网页设计师使用。
使用FlexSlider 还要下载FlexSlider.js和FlexSlider.css一起使用
刚学习的 还没与完全弄清楚 记录一下
$(function () {
$('.flexslider').flexslider({animation:"slide",//"fade" or "slide"图片变换的方式:谈入谈出或滑动
direction:"vertical",// 内容滑动方向 这个属性 适合用于上下滑动
//(2)slideDirection:"horizontal",//"horizontal" or "vertical"图片设置为滑动时的滑动方向:左右或者是上下
animationLoop:true, // 是否循环滚动
//(2)slideshow: true,//是否自动播放
slideshowSpeed: 2000,//自动播放的速度毫秒
animationSpeed:600,//内容切换的时间
directionNav: false, //是否显示左右控制按钮
controlNav: true,// 是否显示控制菜单
keyboardNav: false,// 键盘左右方向键控制图片滑动
mousewheel: true,//鼠标滚动控制图片
prevText: "Previous",
nextText: "Next",
pausePlay: false,
pauseText: 'Pause',
playText: 'Play',
randomize: false,
slideToStart: 0,//初始化第一显示图片的位置
animationLoop: true, //是否循环滚动
pauseOnAction: true,
pauseOnHover: false,
controlsContainer: "",
manualControls: "", //自定义控制导航
manualControlEvent:"",//String:自定义导航控制触发事件:默认是click,可以设定hover
start: function(){},
before: function(){},
after: function(){},
end: function(){}
});
});