FlexSlider插件的详情设置参数

来源:互联网 发布:ug二次开发vb 编辑:程序博客网 时间:2024/04/30 05:12

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(){}       
});

});
0 0
原创粉丝点击