8款基於Jquery的WEB前端動畫特效

1.超炫酷的30個jQuery按鈕懸停動畫

按鈕插件是最多見的jQuery插件之一，由於它用途普遍，並且配置起來最爲方便。今天咱們要分享的是30個超炫酷的jQuery懸停按鈕動畫，當咱們將鼠標滑過按鈕時，按鈕的背景就會播放不一樣的動畫特效。這款jQuery按鈕插件的使用方法也很簡單，給按鈕指定一個類，而後用一行JS代碼初始化便可。

在線演示

源碼下載

2.HTML5 Canvas水波紋動畫特效

HTML5的Canvas特性很是實用，咱們不只能夠在Canvas畫布上繪製各類圖形，也能夠製做絢麗的動畫，好比此次介紹的水波紋動畫特效。之前咱們也分享過一款基於HTML5 WebGL的水波盪漾動畫，讓人驚歎不已，此次分享的HTML5 Canvas水波紋動畫一樣很是震撼人心。

在線演示

源碼下載

3.超絢麗CSS3多色彩發光立方體旋轉動畫

以前咱們分享過幾個不錯的CSS3立方體動畫，好比這款HTML5 3D立方體旋轉動畫和HTML5 3D立方體圖片切換動畫。今天要分享的也是一款基於CSS3的3D立方體旋轉動畫，不一樣的是，這款立方體的每個面都有不一樣的色彩，而且會帶有絢麗的發光特效。

在線演示

源碼下載

4.JavaScript萬年曆 帶農曆、時間和屬相等功能

以前咱們分享過一款基於jQuery的萬年曆插件，功能十分強大。今天咱們要再來分享另一款JS萬年曆應用，它一樣支持農曆和屬相功能，同時也支持當前時間的顯示。而且這款日曆插件能夠快速選擇年份和月份快速定位日期，操做十分便捷。

在線演示

源碼下載

5.HTML5 Canvas 水母遊動動畫特效

這是一個很是酷的HTML5動畫特效，它是一隻遊動的水母，咱們利用HTML5的Canvas技術繪製一隻像素點組合的水母，而且利用JavaScript模擬水母遊動的動畫特效，看上去很是逼真。

在線演示

源碼下載

6.超炫酷的jQuery卷軸展開動畫

今天咱們要給你們分享一款很不錯的jQuery動畫，它是一個卷軸展開的動畫特效，就像一幅山水畫展開同樣，很是絢麗。它將一張完整的卷軸拆分到多個div中，而後經過jquery animate事件，配合不一樣的時間延遲，造成完整的卷軸打開動畫。

在線演示

源碼下載

7.純CSS3環形菜單動畫 可展開二級子菜單

網頁菜單是一個網站最主要的部分之一，以前咱們分享過不少形態萬千的jQuery/CSS3菜單，有炫酷的CSS3/jQuery創意盒子動畫菜單，也有實用的CSS3多級下拉菜單 彈性展開下拉動畫。今天要給你們分享一款富有創意的CSS3環形菜單，當咱們將鼠標滑過菜單項時，便可以圓環的形式展開二級子菜單，效果很是不錯。

在線演示

源碼下載

8.純CSS3紅色愛心跳動動畫

以前咱們分享過一些基於純CSS3的愛心動畫，最酷的非浪漫程序員 HTML5愛心表白動畫這個莫屬，另外還有這個HTML5 3D愛心動畫也很是不錯。今天要給你們帶來一個純CSS3的紅色愛心跳動動畫，愛心的形狀是利用純CSS3繪製出來的，結合CSS3的動畫屬性實現跳動的動畫特效。

在線演示

源碼下載

• 本文固定連接: http://www.i7758.com/archives/2658.html