直逼 Flash 的流暢感:jQuery 運動特效展示
作者: its
|
發布: 2010/3/2 (上午 08:10)
|
閱讀: 20644
|
評論: 0
|
靜態地址
|
內容源碼
圍剿 Flash 的不僅有 HTML 5,還有 JavaScript,著名的 JavaScript 框架 jQuery 在運動特效方面已經越來越流暢,有時候你需要點一下右鍵來確認它不是 Flash。本文介紹了10個非常出色的 jQuery 運動特效,這些效果可以更有效地展示你的內容。
1. 流感導航菜單
下面的導航菜單,當鼠標在上面移動的時候,會很流暢地垂下解釋菜單,當你將鼠標在上面快速左右移動的時候,會懷疑這是 Flash。
2. 轉花燈
Roundabout 是一個 jQuery 插件,可以將一組 HTML 對象轉換為旋轉花燈的效果。
3. 拉洋片
拉洋片也許是 jQuery 最拿手的效果了。該效果在遇到 JavaScript 被禁用的場合會自動降級使用。
4. jQuery Quicksand 插件
這個讓人贊嘆的插件,可以對一組 HTML 對象重新洗牌,效果非常出眾。
5. 導航滑塊
這種風格的導航已經見于很多站點,鼠標在導航菜單上移動的時候,一個高亮指示條隨著鼠標滑動,指示當前的導航位置。
6. 文字的移動紋理
在文字上,顯示移動的紋理,效果美輪美奐。原理是,做一個帶透明文字的 PNG 圖像放在一個容器里,容器的背景放一張圖案,用 jQuery 移動容器的背景,很簡單,不過,不支持 IE6,因為 IE6 不支持 PNG。
7. jDiv: jQuery 導航 Tab
一個可以顯示豐富內容的下拉導航菜單(演示要翻墻)。
8. 基于 CSS3 和 jQuery 的半透明導航系統
鼠標在導航菜單上移動,顯示半透明的指示圖標。CSS3 做這個實在太容易了。
9. 云臺式拉洋片
常規的拉洋片效果要么左到右,要么右到左,或者垂直上下,這個 jQuery 效果可以象云臺那樣掃鏡頭。
10. SlideDeck
SlideDeck 是一種新穎的內容展示方式,有點類似 Outlook 的手風琴菜單,但視覺效果和用戶體驗更好一些。
本文來源:http://devsnippets.com/article/10-jquery-transition-effects.html
中文編譯來源:銳商企業CMS 網站內容管理系統 官方網站
|