DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript特效實例10個
Javascript特效實例10個
編輯:關於JavaScript     

網頁制作poluoluo文章簡介:10個Javascript特效實例。

1、$fx()
簡介:$fx()是一個輕量級的動畫庫,一些復雜的動畫,可以由多個簡單的動畫效果進行組合,但是提供的是混淆壓縮過的代碼,對於研究動畫源碼的朋友可能特別不爽
API:http://fx.inetcat.com/manuals.php
主頁: http://fx.inetcat.com/

2、JSTweener
簡介:原始大小14K,支持大多數的動畫特效
演示地:http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/transitions.html
主頁地址:http://coderepos.org/share/wiki/JSTweener

3、FX 2.0
簡介:代碼清晰,支持多種形變動畫,而且2.0版本在不局限於px單位,支持了em, %,
演示地址:http://www.ryanmorr.com/tests/fx2/
主頁地址:http://ryanmorr.com/archives/fx-2-0-the-full-featured-animation-framework

4、JsCharts
簡介:用js生成圖表,包括柱狀圖,餅狀圖,流線圖
演示地址:http://www.jscharts.com/examples
主頁地址:http://www.jscharts.com/

5、Raphael
簡介:也許你看了效果後會覺得唉,這有什麼特別的,但是查看它的源碼的時候,你會被震到,不信就去看看呗,
裡邊的效果實在是太神奇了,雖然目前你根本用不上....
演示地址:http://raphaeljs.com/dragon.html
主頁地址:http://raphaeljs.com/dragon.html

6、Reflection.js(27K)
簡介:倒影實現,如果是在個人項目中,還是可以用得上的,唉,感歎,現在是可供選擇的效果太充足了,而實際真正用到項目中的確是寥寥無幾,只能這麼說,就目前的web項目在交互方面 只能打個不及格。現在貌似國外都是研究者,而我們只是應用者,而且應用得還不到位。
主頁地址:http://cow.neondragon.net/stuff/reflection/
腳本地址:  http://cow.neondragon.net/stuff/reflection/reflection.js

7、leigeber
簡介:准確的說 這不是一個庫,而是一些效果集,但是這對於我們來說卻是非常實用的,每個效果都在3K左右,
效果列表:http://www.leigeber.com/category/javascript/
主頁地址:http://www.leigeber.com/

8、Shortcuts.js
簡介:在web2.0+時代,web應用中的快捷鍵開始大量使用,而且開始流行起來,google reader 和 Gmail等應用更是引領這一潮流,但是作為開發者,搞定鍵盤的綁定卻不是一件輕松的事情,而shortCuts則以更優的方式解決了這一問題。
演示地址:http://www.openjs.com/scripts/events/keyboard_shortcuts/
主頁地址:http://www.openjs.com/scripts/events/keyboard_shortcuts/

9、Amberjack (4K)
簡介:這個效果我覺得用在商城上 挺合適的,比如一些打折信息,熱賣商品等,只是網站官方極力推銷的,用這種方式到不失為一種好方法,當然反對的聲音肯定挺多的...
演示地址:http://amberjack.org/skins/customize/?travel=1&tourId=AJTour&skinId=black_beauty
主頁地址:http://amberjack.org

10、Blackbird (10K)
簡介:alert()的替代方案,現如今耳目下通常開發者都是使用自己制造的彈出層對話框,但是這款的設計思路確是仿照一些軟件的控制台日志的方式,把信息都集中於一個面板上,對於用戶來說,這其實是一件好事,對自己的操作所產生的結果至少一目了然,web 應用發展新時代,這個東東會成為一個趨勢吧。對了,還支持快捷鍵.
演示地址:http://www.gscottolson.com/blackbirdjs/
主頁地址:http://www.gscottolson.com/

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved