如今，大多數(shù)設(shè)計(jì)師和開發(fā)人員被要客戶要求開發(fā)動(dòng)態(tài)的網(wǎng)站。創(chuàng)造視覺(jué)震撼和醒目的動(dòng)態(tài)網(wǎng)站是艱巨的任務(wù)，因?yàn)樗枰罅康呐蛣?chuàng)造力。在網(wǎng)絡(luò)上有大量的工具和插件可用于創(chuàng)建網(wǎng)站動(dòng)畫。許多開發(fā)人員正在使用 HTML5 和 jQuery 提供的***功能來(lái)創(chuàng)建創(chuàng)建和實(shí)現(xiàn)震撼的視覺(jué)效果。

如果你正在尋找一款 jQuery 動(dòng)畫插件，使得網(wǎng)站內(nèi)容更加動(dòng)感，那么你找對(duì)地方了，因?yàn)橄旅媸?2款優(yōu)秀的 jQuery 動(dòng)畫插件清單，將幫助你為你的網(wǎng)絡(luò)項(xiàng)目創(chuàng)建各種動(dòng)畫效果。Enjoy !!

Textillate.js

Textillate.js 是一個(gè)簡(jiǎn)單的 CSS3 文本動(dòng)畫插件。結(jié)合了一些非常棒的庫(kù)，把 CSS3 動(dòng)畫輕松應(yīng)用到任何文本。只需要在項(xiàng)目中簡(jiǎn)單地引入 textillate.js 和它的依賴文件到你的項(xiàng)目中，就可以開始建立獨(dú)特的效果。

Lazy Line Painter

[[110364]]

Lazy Line Painter 這款 jQuery 插件使用 Raphaël 庫(kù)來(lái)創(chuàng)建路徑動(dòng)畫。首先，從 Illustrator 導(dǎo)出您的藝術(shù)線條作為一個(gè) SVG 文件，確保他們沒(méi)有填充，沒(méi)有封閉路徑，線條需要一個(gè)開始點(diǎn)和結(jié)束點(diǎn)。

Tip Cards Plugin

提示卡插件讓你可以創(chuàng)建的卡片式的布局，與你在谷歌的提示頁(yè)面看到卡片狀的互動(dòng)效果類似。有幾個(gè)新的動(dòng)畫選項(xiàng)，讓您可以更具自己的喜好進(jìn)行個(gè)性化配置。

jQuery Label Better

jQuery Label Better 幫助你標(biāo)記表單輸入域，擁有美麗的動(dòng)畫效果，而且不占用空間。在關(guān)于這個(gè)插件的唯一的是需要做的就是添加一個(gè)占位符文本，只有當(dāng)用戶需要它的時(shí)候，插件才會(huì)顯示標(biāo)簽。

S Gallery

S Gallery 是一個(gè)響應(yīng)的 jQuery 插件庫(kù)，結(jié)合了 CSS3 動(dòng)畫。它利用了 HTML5 的全屏 API，并且在很大程度上依賴于對(duì) CSS3 的動(dòng)畫特性和 CSS3 轉(zhuǎn)換，所以它只能工作在支持這些功能的瀏覽器中使用。

Loda Button

Loda Button 是一個(gè)簡(jiǎn)單的 jQuery 插件，當(dāng)數(shù)據(jù)從服務(wù)器被取出時(shí)，呈現(xiàn)按鈕圖標(biāo)的動(dòng)畫。CSS 類 loda-btn & load-icon 用于定義按鈕的樣式。動(dòng)畫效果使用了 CSS3 動(dòng)畫，過(guò)渡和轉(zhuǎn)換。

Minimit Anima

Minimit Anima 是一個(gè) jQuery 插件，呈現(xiàn)結(jié)合轉(zhuǎn)換和過(guò)渡效果動(dòng)畫。它內(nèi)置有快速動(dòng)畫的執(zhí)行硬件加速的 CSS3 動(dòng)畫，同時(shí)它還有類似 jQuery 動(dòng)畫的 API，帶有動(dòng)畫排隊(duì)功能。

Motio

Motio 這款款 jQuery 插件用于創(chuàng)建簡(jiǎn)單但功能強(qiáng)大的基于精靈的動(dòng)畫和平移。Motio 調(diào)用一個(gè)表示元素的動(dòng)畫容器，其中動(dòng)畫被傳遞作為 CSS 背景圖像。在基于子畫面的動(dòng)畫，容器應(yīng)該和子畫面幀的尺寸一樣大。

Mosaic jQuery Plugin

Mosaic 這款 jQuery 插件自動(dòng)生成滑動(dòng)盒及字幕。它允許滑動(dòng)和淡入淡出的動(dòng)畫，支持自定義方向?？梢灶A(yù)加載框內(nèi)的圖像，只有大學(xué) 2kb 非常的輕量。

Goal Progress

Goal Progress 插件允許您創(chuàng)建使用 jQuery 的動(dòng)畫進(jìn)度條。只需填寫所需的輸入域，插件會(huì)自動(dòng)計(jì)算你的目標(biāo)的進(jìn)度，并顯示動(dòng)畫效果。

Flot Animator

Flot Animator 這款 jQuery 插件將為你的 Flot 圖表增加光滑或漸變動(dòng)畫，F(xiàn)lot Animator 通過(guò)給已有的圖表添加動(dòng)畫，更加突出圖表。

Magic Move

Magic Move 這個(gè) jQuery 插件用于在 DOM 狀態(tài)之間做轉(zhuǎn)換。Magic Move 是做轉(zhuǎn)場(chǎng)的一個(gè)很好的辦法，而不是硬編碼位置。

原文鏈接：http://www.cnblogs.com/lhb25/p/12-jquery-animation-plugins.html