10款web前端基於jquery超實用jQuery外掛程式大合集

標籤：blog   http   io   ar   使用   strong   on   2014   log   

1.純CSS3實現多種箭頭繪製及動畫

今天要介紹的這款CSS3應用也非常實用，利用它可以用純CSS3實現各種箭頭的繪製，包括左右箭頭、上下箭頭以及各個方向的轉彎箭頭，另外還有一款更酷的CSS3箭頭動畫特效，可以用來做Loading載入動畫。這麼多箭頭，你可以任選一個應用到項目中去。

線上示範

源碼下載

2.基於jquery的手風琴顯示詳情

今天要各網友分享一款基於jquery的手風琴顯示詳情執行個體。當單擊頂部箭頭的時候，該項以手風琴的形式展示顯示詳情。

線上示範

源碼下載

3.純CSS3實現眨眼動畫 超逼真

今天我們要分享一個純CSS3實現的眨眼動畫，其動畫效果超級逼真，拿它來做動畫人物的眼睛非常適合，這款CSS3眨眼動畫完全用CSS3繪製，並沒有使用圖片。

線上示範

源碼下載

4.jQuery Face Service外掛程式，支援圖片和視頻

jQuery Face Detection 是一款臉部偵測外掛程式，能夠檢測到圖片，視頻和畫布中的人臉座標。它跟蹤人臉並輸出人臉模型的座標位置為一個數組。我們相信，臉部辨識技術能夠給我們的 Web 應用程式帶來各種可能性，創造出互動的，有趣的功能。註：Face Service，是基於人的臉部特徵資訊進行身份識別的一種生物識別技術技術。用攝像機或網路攝影機採集含有人臉的映像或視頻流，並自動在映像中檢測和跟蹤人臉，進而對檢測到的人臉進行臉部的一系列相關技術，通常也叫做人像識別、臉部辨識。

線上示範

源碼下載

5.jQuery左右全屏彈性切換焦點圖特效

左右全屏，滾動效果動畫較強，左右按鈕彈性制，代碼比較簡潔。

線上示範

源碼下載

6.jQuery實現頁面向下滾動後顯示隱藏導航條

當頁面向下滾動一段距離後，預設隱藏的導航條顯示出來，且水平置中，始終保持在頁面的最頂端。

線上示範

源碼下載

7.左右多圖全屏拖拽以及點擊彈窗多圖轉場效果

左右全屏圖片，滑鼠移至上方圖片上顯示文字說明內容，左右保持全屏效果，點擊圖片快顯視窗，同時支援視窗內部圖片轉場效果。

線上示範

源碼下載

8.jquery列表塊定位右側圖文欄目切換

很有創新意義的一款欄目定位元影像文解釋說明效果，點擊左側任意欄目，右側均有對應的圖文並茂說明，且支援自訂滾動切換。

線上示範

源碼下載

9.jQuery滑鼠移至上方遮罩陰影透明效果

滑鼠移至上方後，往下滑動展示一個陰影遮罩效果，滑鼠移走後遮罩效果往下滑動閃出。

線上示範

源碼下載

10.jQuery滑鼠移至上方圖片四處裂顯示文字特效

滑鼠移至上方在圖片上，圖片向四個角的方向分裂成四個，分別散開，滑鼠移走後，圖片重新回來，並帶有緩衝效果，特效非常不錯。

線上示範

源碼下載

10款web前端基於jquery超實用jQuery外掛程式大合集