久久久久久久综合日本91_精品人妻无码在中文字幕_国产欧美国产精品第二区_在线观看免费无码视频幕

 

NEWS

建站資訊

jQuery運動特效展示直逼Flash的流暢感

發(fā)布時間: 2010.3.3.瀏覽數(shù):4089 新聞編輯:【三行網(wǎng)絡(luò) - 廣州網(wǎng)站建設(shè)公司www.stevenmarcscott.com】
, 廣州網(wǎng)站建設(shè)www.stevenmarcscott.com三行網(wǎng)絡(luò) 為您詳細介紹 - 請往下閱讀》

jQuery運動特效展示直逼Flash的流暢感

圍剿 Flash 的不僅有 HTML 5,還有 JavaScript,著名的 JavaScript  框架 jQuery 在運動特效方面已經(jīng)越來越流暢,有時候你需要點一下右鍵來確認它不是 Flash。本文介紹了10個非常出色的 jQuery 運動特效,這些效果可以更有效地展示你的內(nèi)容。

1. 流感導(dǎo)航菜單

下面的導(dǎo)航菜單,當鼠標在上面移動的時候,會很流暢地垂下解釋菜單,當你將鼠標在上面快速左右移動的時候,會懷疑這是 Flash。

Fluid  Navigation – How to create an informative menu-bar with jQuery &  CSS

2. 轉(zhuǎn)花燈

Roundabout 是一個 jQuery 插件,可以將一組 HTML 對象轉(zhuǎn)換為旋轉(zhuǎn)花燈的效果。

Move  Elements with Style

3. 拉洋片

拉洋片也許是 jQuery 最拿手的效果了。該效果在遇到 JavaScript 被禁用的場合會自動降級使用。

Automatic Image Slider w/ CSS & jQuery

4. jQuery Quicksand 插件

這個讓人贊嘆的插件,可以對一組 HTML 對象重新洗牌,效果非常出眾。 

jQuery  Quicksand Plugin

5. 導(dǎo)航滑塊

這種風格的導(dǎo)航已經(jīng)見于很多站點,鼠標在導(dǎo)航菜單上移動的時候,一個高亮指示條隨著鼠標滑動,指示當前的導(dǎo)航位置。

jQuery  Magic Line Sliding Style Navigation

6. 文字的移動紋理

在文字上,顯示移動的紋理,效果美輪美奐。原理是,做一個帶透明文字的 PNG 圖像放在一個容器里,容器的背景放一張圖案,用 jQuery 移動容器的背景,很簡單,不過,不支持 IE6,因為 IE6 不支持 PNG。

Text  with Moving Backgrounds

7. jDiv: jQuery 導(dǎo)航 Tab

一個可以顯示豐富內(nèi)容的下拉導(dǎo)航菜單(演示要翻墻)。

jDiv: A  jQuery navigation menu alternative

8. 基于 CSS3 和 jQuery 的半透明導(dǎo)航系統(tǒng)

鼠標在導(dǎo)航菜單上移動,顯示半透明的指示圖標。CSS3 做這個實在太容易了。

Halftone Navigation Menu With jQuery & CSS3

9. 云臺式拉洋片

常規(guī)的拉洋片效果要么左到右,要么右到左,或者垂直上下,這個 jQuery 效果可以象云臺那樣掃鏡頭。

Animate Panning Slideshow with jQuery

10. SlideDeck

SlideDeck 是一種新穎的內(nèi)容展示方式,有點類似 Outlook 的手風琴菜單,但視覺效果和用戶體驗更好一些。

SlideDeck

本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請保留版權(quán)( 廣州網(wǎng)站建設(shè)www.stevenmarcscott.com三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營銷型網(wǎng)站定制,歡迎來電咨詢!熱線:020-85628720、15915767698

標簽:

上一篇:互聯(lián)網(wǎng)個人創(chuàng)業(yè)門檻提升創(chuàng)業(yè)難    下一篇:發(fā)動機潤滑油,汽配網(wǎng)站建設(shè),專業(yè)網(wǎng)站定制開發(fā)

有想法,想做網(wǎng)站。別光想,GO ! GO !GO !說出的您的需求,剩下的交給我們??!
建網(wǎng)站咨詢+