13款精彩實用的jQuery插件

2014-6-19    藍藍設(shè)計的小編

1、jQuery特色菜單 圓形動畫菜單插件

jQuery是一個非常流行的WEB前端框架,盡管HTML5非???,但是如果HTML5結(jié)合jQuery的話就能實現(xiàn)更酷更實用的插件。今天分享的這款jQuery特色菜單是圓形動畫菜單,菜單項是一個個園,鼠標滑過菜單項時即可展開一個大圓并展示子菜單,這一切都是利用jQuery實現(xiàn)的,非常強大。

jquery-circle-animation-menu

在線演示        源碼下載

2、jQuery帶滑桿的圖片播放器 滑動十分流暢

jQuery焦點圖在網(wǎng)頁中應(yīng)用非常廣泛,利用jQuery編寫圖片播放器十分方便,擴展性也不錯。今天要分享的這款jQuery圖片播放器帶有一個滑桿,我們可以點擊圖片來切換圖片,也可以滑動這個滑桿來播放圖片,滑桿滑動時非常流暢。

jquery-image-player-with-pole

在線演示        源碼下載

3、jQuery評分插件 星星和心型兩種外觀

今天我們要來分享一款很實用的jQuery評分插件,該評分插件不僅提供各種尺寸的評分按鈕,而且評分按鈕還提供星星和心型兩種外觀。在評分過程中,可以實時顯示當前你評的分數(shù),你也可以點擊左側(cè)的減號來取消當前的評分,是一款很不錯的jQuery插件。

jquery-rank-star-and-heart

在線演示        源碼下載

4、jQuery UI滑桿插件 可Tooltip提示

今天我們再來介紹一款實用的jQuery插件,是基于jQuery UI的。這款jQuery滑桿插件非常漂亮,可以設(shè)置多種顏色,再加上CSS3上運用,可以讓滑桿的游標變得有立體感,滑桿的Tooltip提示框也出現(xiàn)飛入飛出的動畫效果。更多jQuery插件可以移步至jQuery插件欄目。

jquery-ui-slider-tooltip

在線演示        源碼下載

5、jQuery/CSS3簡單分頁插件 有3D立體外觀

今天我們要再來分享一款簡單的jQuery分頁插件,這款分頁插件不僅可以設(shè)置無限頁碼,而且分頁控件的外觀也非常漂亮,呈3D立體的效果,當然這需要背景的配合。

jquery-css3-pagination

在線演示        源碼下載

6、jQuery實現(xiàn)冒泡、插入排序算法動畫演示

今天我們來分享一款絕對讓你震撼的jQuery插件,它可以模擬各種排序算法的動畫,讓你很直觀的了解各種排序算法實現(xiàn)的原理,如果你純粹想看排序算法動畫,那么可以選擇fast速度模式,如果想知道原理,那就選擇slow速度模式,這里提供了插入排序、冒泡排序、雞尾酒排序這三種動畫。

jquery-sort-animation

在線演示        源碼下載

7、CSS3/jQuery自定義彈出窗口 多種彈出動畫

這是一款利用jQuery和CSS3實現(xiàn)的自定義彈出窗口,這可比瀏覽器默認的彈出窗口漂亮多了。彈出窗口中可以自定義html,十分靈活。另外最重要的一個特點是,它利用了jQuery和CSS3可以實現(xiàn)很多種彈出窗口動畫效果,挺酷的。

jquery-css3-modal-window

在線演示        源碼下載

8、jQuery百葉窗焦點圖 超酷切換動畫

今天分享的第一款jQuery插件是jQuery百葉窗焦點圖,這款jQuery焦點圖的百葉窗效果非常酷,不僅可以橫向切換,也可以豎向切換。

jquery-blind-image

在線演示        源碼下載

9、jQuery寬屏帶文字描述焦點圖插件

今天要分享一款jQuery實現(xiàn)的寬屏焦點圖插件,而且每一張圖片都帶有文字描述,圖片滑動效果也比較流暢。

jquery-adaptive-image-slider

在線演示        源碼下載

10、jQuery打飛機游戲 游戲很有意思

這次我們要分享一款用jQuery實現(xiàn)的打飛機游戲,游戲一共有三種模式,純屌絲模式、高富帥模式、李少俠模式,這三種模式飛機發(fā)射的子彈越來越多因此難度也越來越簡單,因為這款游戲用jQuery實現(xiàn),所以基本能兼容所有瀏覽器,你是純屌絲、高富帥還是李少俠?

jquery-fly-game

在線演示        源碼下載

11、jQuery九宮格菜單 菜單可點擊懸浮展開

這次我們要分享一款很有特色的jQuery菜單,不像其他的橫向和縱向菜單,這是一款可點擊彈出懸浮展開的九宮格菜單。菜單是利用jQuery實現(xiàn)的,所以兼容性應(yīng)該還可以。另外菜單一共有兩種顏色主題,你也可以定義更多和網(wǎng)站匹配的顏色。

jquery-9-rect-pop-menu

在線演示        源碼下載

12、jQuery精美焦點圖插件 帶縮略圖

今天我們要再來分享一款jQuery精美焦點圖插件,特點是帶有縮略圖,使用起來更加人性化,焦點圖的用戶體驗不錯。

jquery-image-slider-with-thumb

在線演示        源碼下載

13、jQuery縱向滑塊焦點圖插件 圖片切換流暢

今天我們要來分享一款效果很酷的jQuery焦點圖,它的Tab切換方式是縱向的,而且圖片切換的方式也是縱向的,另外整個jQuery焦點圖的色彩非常棒,給人一種神秘的感覺。焦點圖的圖片切換還是比較流暢的。

jquery-ver-image-slider

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔