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>  <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> <script type="text/javascript"></script> <body> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js HTML DOM EventListener功能与用法实例分析
这篇文章主要介绍了js HTML DOM EventListener功能与用法,结合实例形式分析了js HTML DOM EventListener事件监听相关用法及操作注意事项,需要的朋友可以参考下
2020-04-04
Popup弹出框添加数据实现方法
这篇文章主要为大家详细介绍了Popup弹出框添加数据的简单实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-10-10
改变checkbox默认选中状态及取值的实现代码
下面小编就为大家带来一篇改变checkbox默认选中状态及取值的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
前端使用正则表达式进行校验的方法总结大全
很多时候我们需要校验用户输入的值是否正确,如果格式固定的,直接把错误的值传给后端显然是不合理的,所以我们要直接在前端进行正则校验,这篇文章主要给大家介绍了关于前端使用正则表达式进行校验的相关资料,需要的朋友可以参考下
2024-07-07
关于JavaScript数组对象去重的几种方法
这篇文章主要介绍了关于JavaScript数组对象去重的几种方法,不管是map对象的特性还是reduce方法都是很好用的去重方法,需要的朋友可以参考下
2023-04-04
javascript 兼容所有浏览器的DOM扩展功能
技术文章写得少，所以有时候想写点什么却下不了手，不知道该写什么；往往到了准备要写的时候才发现自己想写的东西其实很无聊，甚至觉得很幼稚，于是又关掉了编缉器
2012-08-08
js tr控制下面的tbody隐藏和显示
这个问题弄了我几天没心思写程序，问了论坛很多网友才搞定的。
2008-07-07
ES6学习笔记之Set和Map数据结构详解
这篇文章主要介绍了ES6学习笔记之Set和Map数据结构,结合实例形式详细分析了ECMAScript中基本数据结构Set和Map的常用属性与方法的功能、用法及相关注意事项,需要的朋友可以参考下
2017-04-04
JavaScript实现动态表格的方法详解
这篇文章主要为大家介绍了JavaScript实现动态表格的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-01-01
js滚动条回到顶部的代码
js滚动条回到顶部的代码，里面的js代码比较简单，很适合学习。
2011-12-12

JavaScript 十六进制RGB色码转换器

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具