首頁 > web前端 > js教程 > JavaScript實作16進位顏色值轉RGB的方法_javascript技巧

JavaScript實作16進位顏色值轉RGB的方法_javascript技巧

WBOY
發布: 2016-05-16 16:15:06
原創
1415 人瀏覽過

本文實例講述了JavaScript實作16進位顏色值轉RGB的方法。分享給大家供大家參考。具體實作方法如下:

複製程式碼 程式碼如下:


       
       
        16 燈光顏色值轉RGB
       
        *{margin:0;padding:0;font-family:'微軟雅黑'}
        .replace{寬度:400px;高度:210px;邊距:0 auto;padding-top:40px;}
        .title{文字對齊:居中;顯示:區塊}
          表單{寬度:200px;邊距:30px auto;}
          輸入{大綱:無;}
          輸入[type="按鈕"]{遊標:指針;}
        樣式>
       
        函數 hexToR(h) {
            return parseInt((cutHex(h)).substring(0, 2), 16)
        }
        函數 hexToG(h) {
            return parseInt((cutHex(h)).substring(2, 4), 16)
        }
        函數 hexToB(h) {
            return parseInt((cutHex(h)).substring(4, 6), 16)
        }
        函數 cutHex(h) {
            返回 h.charAt(0) == "#" ? h.substring(1, 7) : h
        }
        函數 setBgColorById(id, sColor) {
            var elems;
            if (document.getElementById) {
                if (elems = document.getElementById(id)) {
                    if (elems.style) elems.style.backgroundColor = sColor;
                }
            }
         }
        腳本>
        頭>
       
           

                JavaScript 16 浴顏色值轉 RGB 值
                
                    
              
              

>
                   R:
                G:
                B:
                                
           


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板