美文网首页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