手机版

JavaScript实现16进制颜色值转RGB的方法

时间:2021-10-13 来源:互联网 编辑:宝哥软件园 浏览:

本文实例讲述了Java脚本语言实现16进制颜色值转RGB的方法。分享给大家供大家参考。具体实现方法如下:

复制代码代码如下:DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8'/title16进制颜色值转RGB/标题样式* {边际:0划水:0;字体系列: '微软雅黑' }。更换{ width :400 px h8 :210 pxmargin 33600 auto add-top :40 px;} .title { text-align :居中;显示:block}表单{ width :200 pxmargin :30 px汽车;}输入{ outline:none}输入[type=' button ']{光标:指针;}/样式脚本函数hextor(h){ return ParSeint((CutHex(h)).子串(0,2,16) }函数HexTog(h){ return Parseint((cutHex(h)).子串(2,4,16) }函数hexToB(h){返回parseInt((cutHex(h)).子串(4,6,16) }函数cutHex(h){ return h . charat(0)=' # '?h.substring(1,7) : h }函数setBgColorById(id,Scorr){ var elems;if(文档。getelementbyid){ if(elems=document。getelementbyid(id)){ if(elems。样式)elems。风格。背景色=Scorr;} } }/script/head body div class=' replace ' span class=' title ' JavaScript原生16进制颜色值转RGB值/span表单名称='rgb '输入值=' ffffff ' maxlength=' 7 ' size=' 16 ' name=' hex '/input onclick=' setBgColorById '(' color sample ',这个。形式。十六进制。值);这个。形式。r .值=Hextor(这。形式。十六进制。值);这个。形式。g . value=HexTog(这个。形式。十六进制。值);这个。形式。b .值=HexTob(这。形式。十六进制。值);"值='转换type=' button ' name=' BTN '/br/br/r :输入样式=' width 336030 px ' size=' 3 ' name=' r '/g :输入样式=' width :30 px ' size=' 3 ' name=' b '/form/div/body/html

运行效果如下图所示:

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。

版权声明:JavaScript实现16进制颜色值转RGB的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。