10款強大的jQuery/HTML5應用新鮮出爐

edithfang發表於2014-05-30

1、CSS3/jQuery自定義彈出視窗 多種彈出動畫

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

線上演示 原始碼下載

2、jQuery適合移動頁面和PC頁面的分頁外掛

今天我們要為大家分享一款非常出色的jQuery分頁外掛,這款分頁外掛的外觀挺一般的,它的一個最大特點是不僅適合在PC頁面上應用,更可以在移動網頁上完美應用。在移動網頁版的分頁外掛可以拖動頁面來翻頁,效果非常不錯。

線上演示 原始碼下載

3、jQuery縱向滑塊焦點圖外掛 圖片切換流暢

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

線上演示 原始碼下載

4、HTML5顏色漸變3D文字特效

之前我們已經分享過不少HTML5文字特效,效果都還不錯,尤其是這款HTML5擺動的文字特效 類似柳枝擺動,更是有非常酷的文字動畫效果。今天我們要分享一款HTML5

3D文字特效,文字的顏色是漸變的,同時有文字陰影,更加凸顯了3D立體的效果。

線上演示 原始碼下載

5、CSS3滑鼠滑過圖片放大特效

今天我們要來分享一款簡單實用的CSS3滑鼠滑過圖片放大特效,我們可以將它應用在相簿中,我們可以將滑鼠移到圖片上進行快速預覽相片,你也可以擴充套件它,比如給圖片加投影和邊框等。整一個圖片放大特效還是比較酷的。

線上演示 原始碼下載

6、HTML5 Canvas模擬三角函式sin影像生成

記得之前我們分享過一款很酷的HTML5數學函式影像生成應用HTML5數學函式圖形繪製外掛XCalc,它可以繪製任意常見的數學函式影像。今天我們要分享一款利用HTML5

Canvas來模擬三角函式sin影像生成原理,非常直觀。

線上演示 原始碼下載

7、HTML5/CSS3動畫下拉選單 子選單很酷

今天我們要來分享一款效果很不錯的CSS3下拉選單,和其他的CSS3下拉選單功能類似,也是滑鼠滑過主選單是下拉展開子選單,同時子選單展開的時候有不錯的動畫效果,這款動畫應該叫做矩形展開動畫吧。

線上演示 原始碼下載

8、HTML5/jQuery雷達動畫圖表 圖表配置十分簡單

之前我們介紹過不少形形色色的HTML5圖表了,像這款HTML5折線圖表Aristochart是一款很不錯的折線圖表,這款HTML5 Canvas餅狀圖表也很酷。今天我們再來分享一款很特別的HTML5圖表,它是利用HTML5和jQuery的雷達動畫圖表,圖表資料在初始化的時候帶有一定動畫。

線上演示 原始碼下載

9、jQuery滑鼠滑過文字跳動動畫外掛

這次我們繼續來為大家分享一款文字特效外掛,這款文字特效比較簡單,當我們把滑鼠滑過文字上方時,文字即會跳動起來,就像跳舞一下。由於這款文字特效是用jQuery的,所以能相容所有主流的瀏覽器,大家可以嘗試一下。

線上演示 原始碼下載

10、jQuery操作騰訊地圖API 可標註地圖位置

今天我們要來分享一款jQuery地圖外掛,準確的說,它是利用了騰訊地圖的API來實現的。我們不僅可以像使用百度地圖和谷歌地圖那樣移動和縮放地圖可視區域,也可以選擇需要定位的省份地區。最重要的是你可以在地圖上標註資訊,保持後方便下一次查詢。

線上演示 原始碼下載

以上就是10款強大的jQuery/HTML5應用,歡迎收藏分享。

本文轉載自:PHP100

相關閱讀
評論(3)

相關文章