美文网首页html5Web 前端开发 前端开发
[前端开发]轮播图(FlexSlider)

[前端开发]轮播图(FlexSlider)

作者: 极分享 | 来源:发表于2016-02-25 15:26 被阅读1138次

    1、FlexSlider 简介

    Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。

    2、FlexSlider 使用

    2.1、引入 JS

    代码

    3、FlexSlider 效果图

    4、参数说明

    4.1、slideshowSpeed

    轮播速度,单位毫秒,默认7000

    4.2、pauseOnHover

    轮播悬停(鼠标放在轮播图上时停止滚动,移开时重新滚动), 默认 false

    4.3、prevText

    前一张按钮文字,默认 Previous

    4.4、nextText

    后一张按钮文字,默认 Next

    源码示例

    相关文章

      网友评论

        本文标题:[前端开发]轮播图(FlexSlider)

        本文链接:https://www.haomeiwen.com/subject/degikttx.html