亚洲欧洲中文字幕,五月婷婷导航,国产几部尺度大的电影

　JavaScript 顏色梯度和漸變效果

作者：cloudgamer　時間： 2009-05-26　文檔類型：原創(chuàng)　來自：cloudgamer

第 1 頁 JavaScript 顏色梯度和漸變效果 [1]
第 2 頁 JavaScript 顏色梯度和漸變效果 [2]
第 3 頁 JavaScript 顏色梯度和漸變效果 [3]
第 4 頁 JavaScript 顏色梯度和漸變效果 [4]
第 5 頁 JavaScript 顏色梯度和漸變效果 [5]

很久沒寫blog，太忙了。沒什么時間寫復(fù)雜的東西，重新把顏色漸變效果寫一遍。
關(guān)于顏色的效果一般就兩個，顏色梯度變化和樣式的顏色漸變，前者在ie中一般用濾鏡實(shí)現(xiàn)。

實(shí)例效果

預(yù)覽效果1：

這是一個顏色梯度變化演示：

運(yùn)行代碼框
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head id="Head"><title>JavaScript 顏色梯度和漸變效果</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script type="text/javascript"></script> </p> <p>預(yù)覽效果1：</p> <p>這是一個顏色梯度變化演示：</p> <p> <style type="text/css"></style> </p> <div id="idGrads"></div> <p> <script type="text/javascript"></script> </p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

預(yù)覽效果2：

一個顏色漸變的菜單：

運(yùn)行代碼框
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head id="Head"><title> JavaScript 顏色梯度和漸變效果 </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta id="metaKeywords" name="keywords" content="漸變,顏色,color,梯度,Grads,JavaScript 顏色梯度和漸變效果" /><meta name="description" content="很久沒寫blog，太忙了。沒什么時間寫復(fù)雜的東西，重新把顏色漸變效果寫一遍。關(guān)于顏色的效果一般就兩個，顏色梯度變化和樣式的顏色漸變，前者在ie中一般用濾鏡實(shí)現(xiàn)。實(shí)例效果0?parseFloat(x,10)*2.55:x,10);} ) } else" /><meta name="description" content="ASP.NET,JavaScript,js,cloudgamer,web,html,css,特效,代碼,效果" /><link id="CommondCss" type="text/css" rel="stylesheet" /><link id="CommondCss2" type="text/css" rel="stylesheet" /><link type="text/css" rel="stylesheet" /><link type="text/css" rel="stylesheet" /><link id="SecondaryCss" type="text/css" rel="stylesheet" /><link id="RSSLink" title="RSS" type="application/rss+xml" rel="alternate" /><link id="RSDLink" title="RSD" type="application/rsd+xml" rel="EditURI" /> <script src="/Script/common.js" type="text/javascript"></script> </head> <body> <p> <script type="text/javascript"></script> </p> <p> <script type="text/javascript"></script> </p> <p><br />預(yù)覽效果2：</p> <p>一個顏色漸變的菜單：</p> <p> <style type="text/css"></style> </p> <table border="0" width="600" cellpadding="0" cellspacing="5" id="idMenu"> <tbody> <tr> <td onclick="location.>Cropper</td> <td onclick="location.>Tween</td> <td onclick="location.>Slider</td> <td onclick="location.>Resize</td> <td onclick="location.>Drag</td> </tr> </tbody> </table> <p> <script type="text/javascript"></script> </p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

預(yù)覽效果3：

顏色漸變的有趣應(yīng)用，點(diǎn)擊隨機(jī)顏色漸變：

運(yùn)行代碼框
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head id="Head"><title> JavaScript 顏色梯度和漸變效果 </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta id="metaKeywords" name="keywords" content="漸變,顏色,color,梯度,Grads,JavaScript 顏色梯度和漸變效果" /><meta name="description" content="很久沒寫blog，太忙了。沒什么時間寫復(fù)雜的東西，重新把顏色漸變效果寫一遍。關(guān)于顏色的效果一般就兩個，顏色梯度變化和樣式的顏色漸變，前者在ie中一般用濾鏡實(shí)現(xiàn)。實(shí)例效果0?parseFloat(x,10)*2.55:x,10);} ) } else" /><meta name="description" content="ASP.NET,JavaScript,js,cloudgamer,web,html,css,特效,代碼,效果" /><link id="CommondCss" type="text/css" rel="stylesheet" /><link id="CommondCss2" type="text/css" rel="stylesheet" /><link type="text/css" rel="stylesheet" /><link type="text/css" rel="stylesheet" /><link id="SecondaryCss" type="text/css" rel="stylesheet" /><link id="RSSLink" title="RSS" type="application/rss+xml" rel="alternate" /><link id="RSDLink" title="RSD" type="application/rsd+xml" rel="EditURI" /> <script src="/Script/common.js" type="text/javascript"></script> </head> <body> <p> <script type="text/javascript"></script> </p> <p><br />預(yù)覽效果3：</p> <p>顏色漸變的有趣應(yīng)用，點(diǎn)擊隨機(jī)顏色漸變：</p> <div style="padding:10px;color:#fff; background-color:#CCC;" id="idRandom">點(diǎn)擊隨機(jī)換顏色</div> <p> <script type="text/javascript"></script> </p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

出處：cloudgamer
責(zé)任編輯：bluehearts

上一頁下一頁 JavaScript 顏色梯度和漸變效果 [2]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。

相關(guān)文章

更多相關(guān)鏈接

jQuery性能優(yōu)化指南

Photoshop制作實(shí)用文字效果兩則

Firebug中的console tab使用總結(jié)

五個為設(shè)計(jì)添加光影效果的簡單技巧

讓JavaScript拯救HTML5的離線存儲

作者文章

JavaScript Tween算法及緩動效果

仿Apple滑動條(拖動)產(chǎn)品展示效果

JavaScript 圖片切割效果

JavaScript 拖放效果分析


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計(jì)比賽網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大�！熬�•自然”設(shè)計(jì)大賽開啟

國際體驗(yàn)設(shè)計(jì)大會7月將在京舉行

中國國防科技信息中心標(biāo)志征集

云計(jì)算如何讓安全問題可控

云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機(jī)制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項(xiàng)目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx