位置:首頁 > JS特效代碼 > 輪播和開關
FlexSlider圖片輪播切換jQuery插件
Flexslider是功能強大的圖像旋轉插件。參數說明動畫:“ slide”,//字符串:[“ fade”“ slide”],動畫效果:“ swing”,// String:滾動動畫計時功能方向:“水平”,// String:滾動方向[“ horizontal“” vertical“]反向:false,//布爾值:翻轉滑動動畫animationloop的方向:true,//布爾值:是否循環smoothheight:false,//布爾值:自動適應圖像高度,開始:0, //整數:開始播放的幻燈片,計算幻燈片顯示:從0開始為真,//布爾值:是否自動播放幻燈播放速度:5000,//整數:MS滾動間隔動畫速度:600,//整數:MS動畫滾動速度initdelay: 0,//整數:ms首次執行動畫的延遲隨機:false,//布爾值:是否使用隨機幻燈片順序pauseonaction:true,// Boolean:在用戶操作期間停止自動播放pauseonhover:false,//布爾值:pause在懸停時自動播放usecss:真,//布爾值:是否使用CSS3 transitiontouch:真,// /布爾值:允許觸摸屏觸摸滑動滑塊視頻:false,/ /布爾值:使用視頻滑塊防止CSS3 3D變換毛刺controlnav:真,//布爾值:是否創建控制點directionnav:真,//布爾值:是否創建上一個/下一個按鈕(上一個/下一個)prevtext:“上一個”,// String:上一個按鈕的文本可以是HTML元素nexttext:“ next” // String:下一個按鈕的文本可以是HTML元素的關鍵字:true,//布爾值:是否啟用鍵盤來控制多個鍵盤:false,//布爾值:是否啟用鍵盤來控制多個Slidemousewheels:true,//布爾值:是否啟用鼠標輪控制pauseplay :false,//布爾值:創建暫停和播放按鈕pausetext:'pause'// //字符串:暫停按鈕文本:'play'// //字符串:播放按鈕文本控件容器:',// jQuery對象/選擇器manualcontrols:',// jQuery object / selector定義元素Sync:',// selector:associat幻燈片之間的操作。 ItemWidth:0,//整數:幻燈片寬度,itemmargin:0,//整數:幻燈片間距minitems:1,//整數:至少顯示與'itemWidth'相關的幻燈片數量,最大值:0,//整數:顯示與“ itemWidth”相關的最大幻燈片數量。 Move:0,//整數:一次要移動的幻燈片數量,0-滾動可見的slidestart:function(){},// callback:function(slider)-回調在以下函數之前完成:function(){}, // callback:function(slider)-每次翻轉開始前的回調,之後:function(){},// callback:function(slider)-每次翻轉結束後的回調:function(){},//回調:function(slider)-回調到最後添加的幻燈片:function(){},// callback:function(slider)-在添加幻燈片時觸發。刪除:function(){} //回調:函數(滑塊)-刪除幻燈片時觸發
妳也可能喜歡
- 滑動簡單輪播圖表插件
- 滑動動畫過渡效果輪播特效
- css3卡堆棧切換動畫效果
- jQuery + swiper.js炫酷產品切換滑塊效果
jQuery基於swiper.js進行全屏和大氣商品滑動切換,添加了集合動畫交互式設計頁面的代碼,並支持大小選擇和集合等功能。
- 左右滑動開關滑塊插件
- jQuery百葉窗轉盤插件
這個jQuery圖片輪播插件提供了多種快門樣式的圖片切換方法,並且每種快門樣式都是隨機生成的。此外,此jQuery多盲樣式切換焦點圖插件支持浮動文本描述,還支持自動播放。相信它可以為您的網頁添加全圖切換功能。
- 非常簡單的查詢圖片左右箭頭開關插件
非常簡單的查詢輪播是基於滑動html內容的輕量級輪播插件。它可以是垂直或水平的,並支持導航按鈕或分頁。您可以設置動畫時間(以毫秒或瞬間為單位),並且可以將間隔設置為每毫秒自動滑動一次。
- jQuery全屏輪播切換效果
- jQuery Circle預覽圖像輪播插件
精美的jQuery圓形縮略圖導航輪播插件,使用jQuery和CSS3實現。當鼠標移到前後導航按鈕上時,此輪播插件將顯示上一張或下一張圖片的圓形縮略圖。單擊以切換圖片。此jQuery和css3圓形縮略圖導航輪播插件的亮點是當鼠標移至導航箭頭上方時出現的圓形縮略圖效果。使用css3過渡即可達到此效果。
- js全屏背景圖片滑塊切換過渡效果
js全屏背景圖像滑塊切換過渡效果,JavaScript全屏圖像幻燈片播放,滾動快門圖像切換,帶有索引按鈕的全屏圖像和帶有幻燈片效果的文本控制。