位置：首頁 > JS特效代碼 > 輪播和開關
jQuery Mobile Picture Carousel插件
該jQuery輪播插件主要用於移動設備，因此我們無法像其他焦點地圖插件一樣單擊切換按鈕來切換圖片，而是通過滑動帶有Tooltip外觀的縮略圖來切換圖片，並在中心放大和縮小動畫的效果很好。
jQuery圖像廣告重點切換
一個簡單的jQuery產品顯示焦點圖切換插件。圖像切換過渡動畫使用淡入和淡出動畫效果。頂部和左側有兩個切換按鈕。當鼠標移到圖像上時，將顯示兩個切換按鈕。同時，我們也可以單擊圖片下方的按鈕行以切換到任何圖片。
Swiper.js手機圖片切換輪播插件
Swiper.js是用於手機的圖片和文字內容滑塊插件。今天要共享的Swiper.js移動圖片滑塊插件非常強大。與其他jQuery焦點地圖插件類似，Swiper.js還提供圖片滑動切換功能，並支持向左和向右箭頭切換以及浮動圖片上方的圓形鏈接點，以實現快速切換。此外，Swiper.js還支持自動播放或鼠標拖動和滑動。
jQuery自動輪播圖表滑塊插件
一個簡單的jQuery旋轉木馬滑塊插件，它沒有非常漂亮的切換動畫，只是一個簡單的滑動動畫。這也很簡單，使用此jQuery焦點地圖插件非常方便，我們只需要引入足跡庫並執行簡單的設置即可將其集成到您的網頁中。
jQuery級聯圖片輪播插件
一個jQuery級聯樣式圖片切換輪播插件，除當前圖片外，我們可以看到所有圖片的一部分，左右箭頭切換後顯示下一張圖片，切換動畫是一種層疊效果。
jQuery產品自動輪播顯示插件
一個創意的jQuery產品圖像自動切換回放插件，我們之前介紹的jQuery焦點圖是左右切換或上下切換，然後具有不同的過渡動畫效果。但是，此jQuery圖片切換插件是沿圓弧的輪播切換，更立體，它還支持自動循環播放。
jQuery div圖層疊加樣式切換插件
共享一個由jQuery實現的3D輪播輪播切換插件，該插件可以疊加許多和div。切換效果和样式都非常好。您可以嘗試使用此jQuery切換插件。
jQuery + swiper.js炫酷產品切換滑塊效果
jQuery基於swiper.js進行全屏和大氣商品滑動切換，添加了集合動畫交互式設計頁面的代碼，並支持大小選擇和集合等功能。
js分屏顯示圖片切換特效
一個js左右分屏動畫輪播特效。在此輪播特效中，圖片和說明文字在屏幕的兩側分開。當鼠標上下滾動時，圖片和描述文字相對於彼此上下移動。效果很酷。
圖片輪播插件索引線動畫
HTML5和SVG線變形動畫效果。此特殊效果演示是輪播中的頁面導航的示例。每個尋呼點都有一條SVG圓形線。當用戶單擊其他點時，圓線將平滑過渡到下一個位置。
jQuery四格窗口輪播圖插件window.slider.js
jQuery四格窗口輪播圖插件。 jQuery輪播圖將一個窗口分為上下四個網格，然後分別旋轉四個網格中的突破。
jQuery圖像旋轉切換效果
容器的寬度可以通過參數“ width”控制，“ height”控制容器的高度，posterWidth”控製圖片的寬度，“ posterHeight”控製圖片的高度，“ scale”控製圖片的倍數，“ speed” ”控制耗時的切換效果，“自動播放”“控制是否自動播放，“延遲”控制每種效果的間隔，“ verticalAlign”控製圖像的對齊方式。
TweenMax.js輪播圖HTML5動畫
js圖片輪播插件基於TweenMax.js動畫庫實現的滑塊效果，並在切換時具有動畫效果。
jQuery列表項平滑滾動插件smooth-scrollbar.js
smooth-scrollbar.js是一個平滑滾動插件，它是使用jQuery實現的列表項，當鼠標滾動時，該列表項會自動切換列表項。
純CSS3輪播滑塊效果
旋轉木馬滑塊的特殊效果由純CSS3代碼實現，而無需使用任何JavaScript代碼來構造旋轉木馬插件。
jQuery + SVG圖片輪播滑塊插件
jQuery + SVG實現的圖片輪播滑塊插件
jQuery圖像對稱拆分輪播插件
jQuery全屏對稱拆分卡輪播插件。輪播插件使用jquery和TweenMax.js進行製作。在佈局中，圖片和內容分為左右兩個區域。切換輪播時，會有一些視覺效果。
jQuery圖片列表選項卡開關
基於基於jQuery的圖片列表標籤切換，使網站模板圖片標籤切換效果好。這是一個大氣圖片列表選項卡代碼。
帶有圖標的jQuery問題和答案選項卡開關
jQuery圖標文本問題和答案中心標籤選項卡的切換，使幫助中心標籤圖標項的內容切換代碼。註冊/登錄，事件設置，獎品設置，事件管理，驗證系統，官方帳戶授權選項卡切換頁面。
jQuery企業徽標圖像選項卡佈局代碼
jQuery使用箭頭翻頁控件對合作客戶的徽標圖像進行網格佈局。合作客戶，客戶語音標籤佈局切換效果代碼。
