欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页 > web前端

JavaScript 十六进制RGB色码转换器_javascript技巧

程序员文章站 2022-05-02 09:57:54

...

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>十六进制RGB色码转换器 风越ASP代码生成器</title>
<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>
<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">色码转换器</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 class="button" onclick="setFromHex()" onmousedown="this.style.borderStyle='inset'" onmouseup="this.style.borderStyle='outset'">转换</span>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

相关标签：十六进制 RGB 色码转换器

上一篇： JS 添加删除元素的实现代码_javascript技巧

下一篇： MySQL的锁机制

推荐阅读