FlexSlider插件的详情设置参数

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
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值