13款精彩實(shí)用的jQuery插件

2014-6-19    藍(lán)藍(lán)設(shè)計(jì)的小編

1、jQuery特色菜單 圓形動(dòng)畫菜單插件

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

jquery-circle-animation-menu

在線演示        源碼下載

2、jQuery帶滑桿的圖片播放器 滑動(dòng)十分流暢

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

jquery-image-player-with-pole

在線演示        源碼下載

3、jQuery評(píng)分插件 星星和心型兩種外觀

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

jquery-rank-star-and-heart

在線演示        源碼下載

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

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

jquery-ui-slider-tooltip

在線演示        源碼下載

5、jQuery/CSS3簡(jiǎn)單分頁(yè)插件 有3D立體外觀

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

jquery-css3-pagination

在線演示        源碼下載

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

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

jquery-sort-animation

在線演示        源碼下載

7、CSS3/jQuery自定義彈出窗口 多種彈出動(dòng)畫

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

jquery-css3-modal-window

在線演示        源碼下載

8、jQuery百葉窗焦點(diǎn)圖 超酷切換動(dòng)畫

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

jquery-blind-image

在線演示        源碼下載

9、jQuery寬屏帶文字描述焦點(diǎn)圖插件

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

jquery-adaptive-image-slider

在線演示        源碼下載

10、jQuery打飛機(jī)游戲 游戲很有意思

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

jquery-fly-game

在線演示        源碼下載

11、jQuery九宮格菜單 菜單可點(diǎn)擊懸浮展開

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

jquery-9-rect-pop-menu

在線演示        源碼下載

12、jQuery精美焦點(diǎn)圖插件 帶縮略圖

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

jquery-image-slider-with-thumb

在線演示        源碼下載

13、jQuery縱向滑塊焦點(diǎn)圖插件 圖片切換流暢

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

jquery-ver-image-slider

分享本文至:

日歷

鏈接

個(gè)人資料

存檔