軟件
                        
    
                            
  • 綜合
    • 
                            
  • 軟件
    • 
                            
  • 文章
    • 
                            
  • 安卓
    • 
                        

                    
搜索

            

            

                pscc2017autocad2018dreamweaver2017草圖大師2017Visio 2016
            

        

    



  

    

      
    

  





  
 當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > RGB顏色在線轉換JS代碼怎么寫 





  

    
    

      
      

        
RGB顏色在線轉換JS代碼怎么寫

        
2012/11/2 11:18:52作者：佚名來源：網絡

        
移動端
          

        

      

      
            
【實例名稱】
RGB顏色在線轉換JS代碼
【實例描述】
RGB是一個用10進制數值表示顏色的方法，由R、G、B3部分組成．每部分的值都不能超過255。本例學習如何將顏色的RGB表示轉換為16進制表示。
【實例代碼】
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標題頁-學無憂（www.yzddtk.cn）</title>
<SCRIPT LANGUAGE="JavaScript">
function showRGB(f) 
{
//獲取用戶輸入的RGB值
red = f.red.value;
green = f.green.value;
blue = f.blue.value;
//將RGB轉換為16進制Hex值
hexcode = "#" +toHex(red) + toHex(green) + toHex(blue);
document.bgColor  = f.hexval.value = hexcode;
}
function toHex(d){
if (isNaN(d)){
d=0;
}
//16進制轉換方法
var n=new Number(d).toString(16);
return (n.length==1?"0"+n:n);
}
</script>
</head>
<body>
<form name="rgbform">
<b>請輸入RGB顏色值(0 to 255)</b><br>
Red:   <input type="text" name="red" size="5"><br>
Green: <input type="text" name="green" size="5"><br>
Blue:  <input type="text" name="blue" size="5"><br>
<input type="button" value="顯示Hex #" 
onClick="showRGB(this.form)"> 
Hex值為:  <input type="text" name="hexval" size="7">
</form>
</body>
</html>

【運行效果】
 RGB顏色在線轉換運行效果
【難點剖析】
本例的難點在于進制間的轉換。代碼中使用“toHex”方法實現10進制到16進制的轉換，但主要靠“toString”方法實理．此方法帶一個參數表示要轉換的進制。
【源碼下載】
如果你不愿復制代碼及提高代碼準確性，你可以點擊：RGB顏色在線轉換 進行本實例源碼下載 

      
      

        

          
       

        

      

      
      

        
標簽：
          顏色            

        
      

      
      

        
相關文章

        
      

      
      

        
 熱門軟件/ 推薦游戲/ 手機軟件 

        

          
          
          
          
          
          
        

      

      
      

        

      

      
    


    
    

      

        
資訊分類

      

      

                Dreamweaver
                Flash
                DIV+CSS
                編程其他
              

      

        
推薦教程

      

      

        
      

      

        
精品軟件推薦

      

      

        

          

          
        

      

    

  






            
 ∧ 

        

    


    

        

            Copyright2012-2022 軟件學堂(www.yzddtk.cn).All Rights Reserved

            備案編號:贛ICP備2023000421號
                    

    





欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频 视频,欧美一级特黄录像视频