又一款幻灯片插件-FLEXSLIDER

很不错

$(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}

正好是我想要的效果呀！

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