JavaScript 十六进制RGB色码转换器

JavaScript 十六进制RGB色码转换器,大家可以学习下思路。

<title>十六进制RGB色码转换器 风越ASP代码生成器</title><!--第一步：先将下列代码复制到之间：--><!-- .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; } --> .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; }<!--第二步：再将下列代码复制到之间：--> </p> <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">色码转换器</font></font></h1> <p><span id="test" class="large_box"></span><span id="R_value" class="slider" align="left">R</span><span id="R_slider" class="slider_bar"></span><span id="rUp" class="small_box"></span><span id="G_value" class="slider" align="left">G</span><span id="G_slider" class="slider_bar"></span><span id="gUp" class="small_box"></span><span id="B_value" class="slider" align="left">B</span><span id="B_slider" class="slider_bar"></span><span id="bUp" class="small_box"></span><span class="button">转换</span>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

以上就是JavaScript 十六进制RGB色码转换器的详细内容，更多请关注本站其它相关文章！