JavaScript 十六進制RGB色碼轉(zhuǎn)換器

更新時間：2009年08月12日 01:16:14 作者：

JavaScript 十六進制RGB色碼轉(zhuǎn)換器,大家可以學習下思路。

<html> <head> <title>十六進制RGB色碼轉(zhuǎn)換器 風越ASP代碼生成器</title> </head>    <style></style><style bogus="1"> .slider_bar {     background : menu; font-size : 0; z-index : 0; top : auto; left : 0;      width : 9;      height : 20;      border : thin outset; position : absolute; cursor : NW-resize; } .slider { top : auto; left : 0; position : absolute; background: White; font-size : 10; height : 20; z-index : 0; width : 265; border : thin inset; text-align : center; } .small_box { top : auto; left : 270; position : absolute; font-size : 0; height : 20; z-index : 0; width : 20; border : thin inset; text-align : center; } .large_box { font-size : 0; height : 40; z-index : 0; width : 40; border : thin inset; text-align : center; } .button {      background : Menu; top : auto; left : auto; position : absolute; font-size : 12; height : 20; z-index : 0; width : 120; border : thin outset; text-align : center;      cursor : NW-resize; } .preset { top : auto; left : 270; position : absolute; font-size : 0; height : 15; z-index : 0; width : 15; border : thin inset; text-align : center; } .slider_box{     top: auto;     left : auto;     position : absolute; }</style>  <BODY onload="cur=test; set()"> <div><h1><font size="5"><font color="#FFFF00">十六進制</font><font color="#FF0000">R</font><font color="#008000">G</font><font color="#0000FF">B</font><font color="#FFFF00">色碼轉(zhuǎn)換器</font></font></h1></div> <span id="test" class="large_box"></span> <span id="R_value" class="slider" align="left" onclick="setColor('R')">R</span> <span id="R_slider" class="slider_bar" value="R" onmouseDown="curD=this; dragging=true; start_drag(); this.style.background='white'" onMouseUp="this.style.background='menu'"></span> <span id="rUp" class="small_box"></span>  <span id="G_value" class="slider" align="left" onclick="setColor('G')">G</span> <span id="G_slider" class="slider_bar" value="G" onmouseDown="curD=this; dragging=true; start_drag(); this.style.background='white'" onMouseUp="this.style.background='menu'"></span> <span id="gUp" class="small_box"></span>  <span id="B_value" class="slider" align="left" onclick="setColor('B')">B</span> <span id="B_slider" class="slider_bar" value="B" onmouseDown="curD=this; dragging=true; start_drag(); this.style.background='white'" onMouseUp="this.style.background='menu'"></span> <span id="bUp" class="small_box"></span>  <input size=7 maxlength="7" name="hex_color"> <span id="vvxyksv9kd"    class="button" onClick="setFromHex()" onmouseDown="this.style.borderStyle='inset'" onmouseUp="this.style.borderStyle='outset'">轉(zhuǎn)換</span>  <body> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: