1、jQuery橫向手風琴圖片展示外掛
今天我們要來介紹一款非常酷的jQuery外掛,它是一款橫向的手風琴圖片展示切換外掛,每一張圖片初始都是水平層疊在一起,點選圖片後即可切換至下一張,並且在圖片切換時出現水平移動的動畫特效。另外你可以定義任意數量的圖片應用在這個手風琴圖片外掛中。
2、CSS3/jQuery垂直手風琴摺疊選單
之前我們已經分享過很多關於手風琴選單了,有水平方向的,也有垂直方向的。今天要分享的這款CSS3垂直手風琴摺疊選單也非常不錯,這款CSS3手風琴選單的每一個選單項都有小圖示,而且只能有一項展開,更有意思的是,在選單摺疊和展開式右側的箭頭也會有不錯的動畫效果。
3、jQuery手風琴式相簿圖片展開效果
之前我們有分享過很多jQuery手風琴樣式的選單,比如CSS3手風琴下拉選單。今天要分享的jQuery手風琴效果很特別,它是手風琴樣式的相簿圖片展開效果。我們只需點選圖片縮圖即可展開當前的圖片,並將其他的圖片收縮起來。
4、CSS3手風琴下拉選單 支援多選單展開
這又是款基於CSS3的下拉選單,這款CSS3選單是手風琴樣式的,關於手風琴選單,大家也可以回顧一下這款CSS3手風琴選單 可同時摺疊多個選單。今天的這款CSS3手風琴選單也類似,選單具有3種模式,一種是同時展開多個選單,一種是隻能同時展開一個選單,還有一種是可以預設展開一個選單。應該說,這款CSS3手風琴選單非常的實用。
5、CSS3手風琴選單 可同時摺疊多個選單
今天開始我們要來分享一些各種樣式的手風琴選單,這次分享的CSS3手風琴選單可以同時摺疊展開多個選單項,選單整體是黑色的風格,並且在每一個選單項上都有很漂亮的小圖示,小圖示像是嵌入在裡面一樣很有質感。
6、jQuery橫向手風琴圖片滑塊外掛
這次我們要來分享一款非常不錯的jQuery橫向手風琴圖片滑塊外掛,首先它是基於jQuery開發的,因此,將會相容大部分的瀏覽器;其次,這款jQuery圖片滑塊外掛可以自動播放,也可以滑鼠滑過時切換,是一款效果非常不錯的jQuery手風琴圖片外掛。
7、CSS3手風琴選單 下拉展開帶彈性動畫
利用CSS3技術可以實現各種各樣的網頁選單,我們之前也在CSS3選單欄目中分享了許多CSS3選單。今天我們分享的這款是CSS3手風琴選單,選單項在展開和收縮的時候選單項會有彈性動畫效果。每一層父級選單有一個小三角,選單項在展開的時候這個小三角也會出現動畫,非常酷。
以上就是一些炫酷的jQuery手風琴圖片和選單外掛及原始碼,歡迎收藏分享。
本文作者:html5tricks – 超人
相關閱讀
評論(1)