JavaScript:十六进制RGB色码转换器

最新推荐文章于 2023-05-08 14:19:11 发布

原创最新推荐文章于 2023-05-08 14:19:11 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #border #class #function #menu #hex

Ajax技术专栏收录该内容

103 篇文章

订阅专栏

本文介绍了一个十六进制RGB颜色转换器的实现原理及代码细节。通过滑块调整红绿蓝三色值，可以直观地看到颜色变化，并即时获取对应的十六进制颜色代码。

<html> <head> <title>十六进制RGB色码转换器风越ASP代码生成器</title> </head>  <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <mce:style></mce:style><style mce_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>十六进制RGB色码转换器</h1></div> R G B <input size=7 maxlength="7" name="hex_color"> 转换 <mce:script type="text/javascript"></mce:script> <body> </body> </html>