flexslider是一個(gè)出色的jquery滑動(dòng)切換插件，支持主流瀏覽器，并有淡入淡出效果。適合初級(jí)和高級(jí)網(wǎng)頁(yè)設(shè)計(jì)師。

查詢(xún)了網(wǎng)上資料 ?總結(jié)一下flexslider屬性

$(function(){

$(".flexslider").flexslider({

animation:"slide" ? ? ?表示滑動(dòng) ?還有一個(gè)"fade" 表示淡入淡出

slideshow: true ? ? ? ?表示載入頁(yè)面時(shí)，是否自動(dòng)播放

slideshowSpeed ：2000 ? ? ? 表示載入自動(dòng) 播放速度

animationDuration :400 ? ? ?淡入淡出效果延遲

slideDirection :"horizontal" ? ?左右滑動(dòng) ? “vertical” 上下滑動(dòng)

directionNav:true ? 是否顯示左右控制按鈕

keyboardNav:true ?是否 鍵盤(pán)左右方向鍵控制圖片滑動(dòng)

preText:"Previous" ? 設(shè)置上一個(gè)按鈕的文本

nextText:"Next" ??設(shè)置下一個(gè)按鈕的文本

?

常見(jiàn)的差不多 就是這樣的

下面有幾個(gè)事件

start:function(){}, ?開(kāi)始滑動(dòng)第一個(gè)的時(shí)候

before:

after:

end:

})

})

轉(zhuǎn)載于:https://www.cnblogs.com/jiangyou-lz/p/5662745.html

總結(jié)

以上是生活随笔為你收集整理的flexslider的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。