js实现的网页颜色代码表全集_javascript技巧
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<script> <BR>var SelRGB = ''; <BR>var DrRGB = ''; <BR>var SelGRAY = '120'; <br><br>var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'); <br><br>function ToHex(n) <BR>{ var h, l; <br><br> n = Math.round(n); <BR> l = n % 16; <BR> h = Math.floor((n / 16)) % 16; <BR> return (hexch[h] + hexch[l]); <BR>} <br><br>function DoColor(c, l) <BR>{ var r, g, b; <br><br> r = '0x' + c.substring(1, 3); <BR> g = '0x' + c.substring(3, 5); <BR> b = '0x' + c.substring(5, 7); <br><br> if(l > 120) <BR> { <BR> l = l - 120; <br><br> r = (r * (120 - l) + 255 * l) / 120; <BR> g = (g * (120 - l) + 255 * l) / 120; <BR> b = (b * (120 - l) + 255 * l) / 120; <BR> }else <BR> { <BR> r = (r * l) / 120; <BR> g = (g * l) / 120; <BR> b = (b * l) / 120; <BR> } <br><br> return '#' + ToHex(r) + ToHex(g) + ToHex(b); <BR>} <br><br>function EndColor() <BR>{ var i; <br><br> if(DrRGB != SelRGB) <BR> { <BR> DrRGB = SelRGB; <BR> for(i = 0; i <= 30; i ++) <BR> GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8); <BR> } <br><br> SelColor.value = DoColor(RGB.innerText, GRAY.innerText); <BR> ShowColor.bgColor = SelColor.value; <BR>} <BR></script>
<script> <BR> SelRGB = event.srcElement.bgColor; <BR> EndColor(); <BR></script>
<script> <BR> RGB.innerText = event.srcElement.bgColor; <BR> EndColor(); <BR></script>
<script> <BR> RGB.innerText = SelRGB; <BR> EndColor(); <BR></script>
<script> <BR> SelGRAY = event.srcElement.title; <BR> EndColor(); <BR></script>
<script> <BR> GRAY.innerText = event.srcElement.title; <BR> EndColor(); <BR></script>
<script> <BR> GRAY.innerText = SelGRAY; <BR> EndColor(); <BR></script>
<script> <BR> window.returnValue = SelColor.value; <BR> window.close(); <BR></script>
|
|||||
| | |
||||
| height=20>·可选16*16*16种颜色。 ·单击左边的颜色会得到更多的颜色。 ·单击右边的颜色会固定选取的颜色。 ·输入框可以自定义颜色。 |
<script> <BR>function selectchg(which) <BR>{switch(which) <BR> {case '1' :leftR();break; <BR> case '2' :leftG();break; <BR> case '3' :leftB();break; <BR> case '4' :leftA();break; <BR> } <BR>} <BR>function leftR() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'} <BR> rightR(0) <BR>} <BR>function leftG() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'} <BR> rightG(0) <BR>} <BR>function leftB() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'} <BR> rightB(0) <BR>} <BR>function leftA() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'} <BR> rightA() <BR>} <BR>function rightR(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'} <BR> } <BR>} <BR>function rightG(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) + ',' + (0+j*17) + ')'} <BR> } <BR>} <BR>function rightB(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'} <BR> } <BR>} <BR>function rightA() <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'} <BR> } <BR>} <BR>var rightclicked=false <BR>function clickright(which) <BR>{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true} <BR>} <BR>function changeright(which) <BR>{switch(select1.value) <BR> {case '1' :rightR(which);break; <BR> case '2' :rightG(which);break; <BR> case '3' :rightB(which);break; <BR> } <BR>} <BR>function showcolor(which) <BR>{if(rightclicked)return; <BR> text1.value=which.bgColor <BR> choosecolor() <BR>} <BR>function choosecolor() <BR>{customcolor.bgColor=text1.value <BR>} <BR></script>
网页颜色代码对照表
| #FFFFFF | #FFFFF0 | #FFFFE0 | #FFFF00 | ||||
| #FFFAFA | #FFFAF0 | #FFFACD | #FFF8DC | ||||
| #FFF68F | #FFF5EE | #FFF0F5 | #FFEFDB | ||||
| #FFEFD5 | #FFEC8B | #FFEBCD | #FFE7BA | ||||
| #FFE4E1 | #FFE4C4 | #FFE4B5 | #FFE1FF | ||||
| #FFDEAD | #FFDAB9 | #FFD700 | #FFD39B | ||||
| #FFC1C1 | #FFC125 | #FFC0CB | #FFBBFF | ||||
| #FFB90F | #FFB6C1 | #FFB5C5 | #FFAEB9 | ||||
| #FFA54F | #FFA500 | #FFA07A | #FF8C69 | ||||
| #FF8C00 | #FF83FA | #FF82AB | #FF8247 | ||||
| #FF7F50 | #FF7F24 | #FF7F00 | #FF7256 | ||||
| #FF6EB4 | #FF6A6A | #FF69B4 | #FF6347 | ||||
| #FF4500 | #FF4040 | #FF3E96 | #FF34B3 | ||||
| #FF3030 | #FF1493 | #FF00FF | #FF0000 | ||||
| #FDF5E6 | #FCFCFC | #FAFAFA | #FAFAD2 | ||||
| #FAF0E6 | #FAEBD7 | #FA8072 | #F8F8FF | ||||
| #F7F7F7 | #F5FFFA | #F5F5F5 | #F5F5DC | ||||
| #F5DEB3 | #F4F4F4 | #F4A460 | #F2F2F2 | ||||
| #F0FFFF | #F0FFF0 | #F0F8FF | #F0F0F0 | ||||
| #F0E68C | #F08080 | #EEEEE0 | #EEEED1 | ||||
| #EEEE00 | #EEE9E9 | #EEE9BF | #EEE8CD | ||||
| #EEE8AA | #EEE685 | #EEE5DE | #EEE0E5 | ||||
| #EEDFCC | #EEDC82 | #EED8AE | #EED5D2 | ||||
| #EED5B7 | #EED2EE | #EECFA1 | #EECBAD | ||||
| #EEC900 | #EEC591 | #EEB4B4 | #EEB422 | ||||
| #EEAEEE | #EEAD0E | #EEA9B8 | #EEA2AD | ||||
| #EE9A49 | #EE9A00 | #EE9572 | #EE82EE | ||||
| #EE8262 | #EE7AE9 | #EE799F | #EE7942 | ||||
| #EE7621 | #EE7600 | #EE6AA7 | #EE6A50 | ||||
| #EE6363 | #EE5C42 | #EE4000 | #EE3B3B | ||||
| #EE3A8C | #EE30A7 | #EE2C2C | #EE1289 | ||||
| #EE00EE | #EE0000 | #EDEDED | #EBEBEB | ||||
| #EAEAEA | #E9967A | #E8E8E8 | #E6E6FA | ||||
| #E5E5E5 | #E3E3E3 | #E0FFFF | #E0EEEE | ||||
| #E0EEE0 | #E0E0E0 | #E066FF | #DEDEDE | ||||
| #DEB887 | #DDA0DD | #DCDCDC | #DC143C | ||||
| #DBDBDB | #DB7093 | #DAA520 | #DA70D6 | ||||
| #D9D9D9 | #D8BFD8 | #D6D6D6 | #D4D4D4 | ||||
| #D3D3D3 | #D2B48C | #D2691E | #D1EEEE | ||||
| #D1D1D1 | #D15FEE | #D02090 | #CFCFCF | ||||
| #CDCDC1 | #CDCDB4 | #CDCD00 | #CDC9C9 | ||||
| #CDC9A5 | #CDC8B1 | #CDC673 | #CDC5BF | ||||
| #CDC1C5 | #CDC0B0 | #CDBE70 | #CDBA96 | ||||
| #CDB7B5 | #CDB79E | #CDB5CD | #CDB38B | ||||
| #CDAF95 | #CDAD00 | #CDAA7D | #CD9B9B | ||||
| #CD9B1D | #CD96CD | #CD950C | #CD919E | ||||
| #CD8C95 | #CD853F | #CD8500 | #CD8162 | ||||
| #CD7054 | #CD69C9 | #CD6889 | #CD6839 | ||||
| #CD661D | #CD6600 | #CD6090 | #CD5C5C | ||||
| #CD5B45 | #CD5555 | #CD4F39 | #CD3700 | ||||
| #CD3333 | #CD3278 | #CD2990 | #CD2626 | ||||
| #CD1076 | #CD00CD | #CD0000 | #CCCCCC | ||||
| #CAFF70 | #CAE1FF | #C9C9C9 | #C7C7C7 | ||||
| #C71585 | #C6E2FF | #C67171 | #C5C1AA | ||||
| #C4C4C4 | #C2C2C2 | #C1FFC1 | #C1CDCD | ||||
| #C1CDC1 | #C1C1C1 | #C0FF3E | #BFEFFF | ||||
| #BFBFBF | #BF3EFF | #BEBEBE | #BDBDBD | ||||
| #BDB76B | #BCEE68 | #BCD2EE | #BC8F8F | ||||
| #BBFFFF | #BABABA | #BA55D3 | #B9D3EE | ||||
| #B8B8B8 | #B8860B | #B7B7B7 | #B5B5B5 | ||||
| #B4EEB4 | #B4CDCD | #B452CD | #B3EE3A | ||||
| #B3B3B3 | #B2DFEE | #B23AEE | #B22222 | ||||
| #B0E2FF | #B0E0E6 | #B0C4DE | #B0B0B0 | ||||
| #B03060 | #AEEEEE | #ADFF2F | #ADD8E6 | ||||
| #ADADAD | #ABABAB | #AB82FF | #AAAAAA | ||||
| #A9A9A9 | #A8A8A8 | #A6A6A6 | #A52A2A | ||||
| #A4D3EE | #A3A3A3 | #A2CD5A | #A2B5CD | ||||
| #A1A1A1 | #A0522D | #A020F0 | #9FB6CD | ||||
| #9F79EE | #9E9E9E | #9C9C9C | #9BCD9B | ||||
| #9B30FF | #9AFF9A | #9ACD32 | #9AC0CD | ||||
| #9A32CD | #999999 | #9932CC | #98FB98 | ||||
| #98F5FF | #97FFFF | #96CDCD | #969696 | ||||
| #949494 | #9400D3 | #9370DB | #919191 | ||||
| #912CEE | #90EE90 | #8FBC8F | #8F8F8F | ||||
| #8EE5EE | #8E8E8E | #8E8E38 | #8E388E | ||||
| #8DEEEE | #8DB6CD | #8C8C8C | #8B8B83 | ||||
| #8B8B7A | #8B8B00 | #8B8989 | & |
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
<🎜>：種植花園 - 完整的突變指南
3 週前
By DDD
<🎜>：泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
如何修復KB5055612無法在Windows 10中安裝？
3 週前
By DDD
藍王子：如何到達地下室
1 個月前
By DDD
北端：融合系統，解釋
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
JavaScript引擎：比較實施
Apr 13, 2025 am 12:05 AM
不同JavaScript引擎在解析和執行JavaScript代碼時，效果會有所不同，因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析：將源碼轉換為詞法單元。 2.語法分析：生成抽象語法樹。 3.優化和編譯：通過JIT編譯器生成機器碼。 4.執行：運行機器碼。 V8引擎通過即時編譯和隱藏類優化，SpiderMonkey使用類型推斷系統，導致在相同代碼上的性能表現不同。
Python vs. JavaScript：學習曲線和易用性
Apr 16, 2025 am 12:12 AM
Python更適合初學者，學習曲線平緩，語法簡潔；JavaScript適合前端開發，學習曲線較陡，語法靈活。 1.Python語法直觀，適用於數據科學和後端開發。 2.JavaScript靈活，廣泛用於前端和服務器端編程。
JavaScript：探索網絡語言的多功能性
Apr 11, 2025 am 12:01 AM
JavaScript是現代Web開發的核心語言，因其多樣性和靈活性而廣泛應用。 1)前端開發：通過DOM操作和現代框架（如React、Vue.js、Angular）構建動態網頁和單頁面應用。 2)服務器端開發：Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發：通過ReactNative和Electron實現跨平台開發，提高開發效率。
如何使用Next.js（前端集成）構建多租戶SaaS應用程序
Apr 11, 2025 am 08:22 AM
本文展示了與許可證確保的後端的前端集成，並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫
使用Next.js（後端集成）構建多租戶SaaS應用程序
Apr 11, 2025 am 08:23 AM
我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序（一個Edtech應用程序），您可以做同樣的事情。 首先，什麼是多租戶SaaS應用程序？ 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務
從C/C到JavaScript：所有工作方式
Apr 14, 2025 am 12:05 AM
從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1）C/C 是靜態類型語言，需手動管理內存，而JavaScript是動態類型，垃圾回收自動處理。 2）C/C 需編譯成機器碼，JavaScript則為解釋型語言。 3）JavaScript引入閉包、原型鍊和Promise等概念，增強了靈活性和異步編程能力。
JavaScript和Web：核心功能和用例
Apr 18, 2025 am 12:19 AM
JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互；2)在用戶提交數據前進行客戶端驗證，提高用戶體驗；3)通過AJAX技術實現與服務器的無刷新通信。
JavaScript在行動中：現實世界中的示例和項目
Apr 19, 2025 am 12:13 AM
JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用，涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。
