首页 > 网络编程 > JavaScript > javascript技巧 > 色码转换器

JavaScript 十六进制RGB色码转换器

2009-08-12 01:16:14 作者：

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

<html> 
<head> 
<title>十六进制RGB色码转换器 风越ASP代码生成器</title> 
</head> 
 
<script type="text/javascript"></script> 
<script type="text/javascript"></script> 
<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">色码转换器</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>

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

JavaScript 十六进制RGB色码转换器

您可能感兴趣的文章: