1.基於jQuery的瀑布流圖片篩選插件

瀑布流的展現方式在目前的網頁中用得越來越廣泛，特別是圖片和首頁文章的動態加載。

今天分享的這款就是基於jQuery的瀑布流圖片篩選插件，我們可以點擊圖片分類名稱，即可將對應分類下的圖片以瀑布流的方式展示出來，這款插件在篩選圖片上使用還是比較方便的。

2.基於Layui的可自定義添加刪除數據的表格處理插件

如何在網頁上編輯表格數據，這通過自己編寫JS和CSS實現都是比較麻煩的，jQuery有很多插件可以完成這種功能，比如這款jQuery簡易版的Excel表格功能插件，就可以基本滿足網頁上的數據編輯。

這次我們分享的這款插件是基於Layui的，layui 是一款采用自身模塊規範編寫的前端UI框架，這款表格插件可以允許你非常方便的添加、刪除表格行數據，並且通過服務器接口進行保存。

你只需要定制前端的數據列和後端的保存邏輯即可，數據交互均采用JSON格式。

3.HTML5 Canvas模擬飛機航班線路動畫

我們在網頁中可以通過HTML5的Canvas畫板繪制很多圖形，甚至做許多動畫特效，你可以在我們的HTML5 Canvas欄目中找到這些動畫。

今天我們給大家帶來另外一款基於HTML5 Canvas的飛機航班線路模擬動畫，它模擬了許多航班在不同目的地的起飛降落數量。

4.純CSS3開關樣式的自定義單選框

之前我們分享過很多非常實用的自定義單選框和復選框插件，大部分都是通過CSS3實現，比如這款CSS3漂亮的自定義Checkbox復選框；

也有些是基於jQuery的，比如這款jQuery美化版復選框checkbox。

今天給大家分享另外一款基於純CSS3的開關樣式的自定義單選框插件，一共四種樣式，都比較有創意。

5.jQuery左側邊欄多級菜單 適合後臺管理頁面使用

這是一款基於jQuery的側邊欄多級下拉菜單插件，這個菜單的特點是可以固定在左側邊欄，當頁面滾動時整個菜單可以保持一直可見，方便操作。

類似的菜單插件還有CSS3側邊欄單頁切換小圖標菜單和CSS3側邊欄手風琴菜單，都非常實用。這種菜單非常適合在網站的後臺管理頁面中使用。

6.CSS3弧形曲線循環菜單導航 菜單項圖標高亮

今天給大家帶來一個非常富有創意的CSS3菜單導航插件，它與我們平常看到的橫向菜單或者縱向菜單都不同，它的菜單項是沿著一段弧形曲線分布的，同時有兩個上下切換的按鈕，當切換到某一個菜單項時，菜單項會沿著曲線移動到當前視窗，同時顯示對應的小圖標，更重要的時，菜單項的切換是循環的，因此使用起來也非常方便。

7.HTML5/CSS3超鏈接圖片彈出動畫

今天給大家分享一個基於HTML5和CSS3的超鏈接動畫，這個HTML5應用還是比較實用的，它可以讓你在鼠標滑過超鏈接時彈出圖片，就像彈出tooltip那樣的動畫效果。

因為用上了一些CSS3的動畫屬性，所以這個超鏈接圖片彈出動畫有很多種，你也可以自己嘗試定義一些新的動畫效果。

8.純CSS3模擬谷歌Loading加載動畫

我們已經為大家分享過很多基於純CSS3的Loading加載動畫了，大部分都是一些簡單的幾何圖形組合而成的循環播放動畫，例如這個純CSS3方塊翻轉效果的Loading加載動畫就是通過簡單的這方形疊加形成的動畫。

今天給大家帶來另外一款模擬谷歌的純CSS3 Loading加載動畫，一共有6種動畫效果。

9.HTML5 Canvas愛心表白動畫特效

在很久以前，我們給大家分享過一款浪漫程序員 HTML5愛心表白動畫，很多讀者都表示非常震撼。

這次我們同樣再分享一款基於HTML5 Canvas的愛心表白動畫特效，從視覺上看，它也是一個愛心輪廓，但是不同的是這個愛心輪廓由許多跳動的小愛心組成，更加有一種3D立體的效果，程序員的你就拿去用吧。

10.CSS3深色背景的垂直手風琴菜單

手風琴菜單我們已經分享過很多了，特別是垂直手風琴菜單更為常見，比如這款jQuery手風琴樣式的多級下拉菜單和這款CSS3帶小圖標的手風琴下拉菜單都非常不錯。

這次要分享的也是一款基於CSS3的深色背景的垂直手風琴菜單，實現原理與之前的比較類似，但是菜單展示形式略有不同，這個手風琴菜單當展開時子菜單會有水平飛入的動畫效果。

程序猿必備的10款web前端動畫插件