评论:又一款幻灯片插件-FLEXSLIDER  [查看原文]

所属分类:媒体-幻灯片和轮播图

 48534  325  6
当前第1页 / 共1页
    蜡&剐0
    2017/8/8 10:37:17
    哈利蚕豆0
    2016/7/24 18:07:00
    试试看滑动功能,再和其它插件组合看看 回复
    LangLee0
    2015/12/29 17:12:56
    $(window).load(function(){
        $('.flexslider').flexslider({
            animation       :   "slide",             // 动画效果类型,有"fade":淡入淡出,"slide":滑动"fade" 
            easing          :   "swing",             // 内容切换时缓动效果,需要jquery easing插件支持"swing"
            direction       :   "vertical",          // 内容滚动方向,有"horizontal":水平方向 和"vertical":垂直方向"horizontal"
            animationLoop   :   true,                // 是否循环滚动true
            startAt         :   0,                   // 初始滑动时的起始位置,定位从第几个开始滑动0
            slideshow       :   true,                // 是否自动滑动true
            slideshowSpeed  :   7000,                // 滑动内容展示时间(ms)7000
            animationSpeed  :   600,                 // 内容切换时间(ms)600
            initDelay       :   0,                   // 初始化时延时时间0
            pauseOnHover    :   false,               // 鼠标滑向滚动内容时,是否暂停滚动false
            touch           :   true,                // 是否支持触摸滑动true
            directionNav    :   true,                // 是否显示左右方向箭头按钮true
            keyboard        :   true,                // 是否支持键盘方向键操作true
            minItems        :   1,                   // 一次最少展示滑动内容的单元个数1
            maxItems        :   0,                   // 一次最多展示滑动内容的单元个数0
            move            :   0                    // 一次滑动的单元个数0
        });
    });


        Anita Chen0
        2016/1/6 12:01:57

        边框有条线,能不能把边框的线去掉?

        西瓜0
        2017/1/8 20:01:14

        可以CSS改下就行了.flexslider {border: 0px}

    回复
    weiwei1991_010
    2015/10/19 9:10:37

    正好是我想要的效果呀!

    回复
    时光小屋0
    2014/5/29 9:13:00

    非常感谢,网友提供的错误反馈,浏览器兼容性以改正

    回复

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复