涩涩天堂,欧美a区,在线精品一区二区

一個javascript寫的RGB的調色器,非常不錯

網絡 2008/6/27 21:13:34 深山行者字體:大中小瀏覽 33779

以下為詳細代碼

一個javascript寫的RGB的調色器,非常不錯

var red=0;
var green=0;
var blue=0;
var value=0;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}

function clear(){
document.color.bl.value= blue;
document.color.rd.value= red;
document.color.gr.value= green;
}

function display(){
redx = convert[red]
greenx = convert[green]
bluex = convert[blue]
var rgb = "#"+redx+greenx+bluex;
document.color.rgbdspl.value= rgb;
document.bgColor =rgb;
}

function upred(x){
if ((red+x)<=255)
red+=x
document.color.rd.value= red;
display()
}

function downred(x){
if ((red-x)>=0)
red-=x
document.color.rd.value= red;
display()
}

function upgreen(x){
if ((green+x)<=255)
green+=x
document.color.gr.value= green;
display()
}

function downgreen(x){
if ((green-x)>=0)
green-=x
document.color.gr.value= green;
display()
}

function upblue(x){
if ((blue+x)<=255)
blue+=x
document.color.bl.value= blue;
display()
}

function downblue(x){
if ((blue-x)>=0)
blue-=x
document.color.bl.value= blue;
display()
}

// done hiding -->
</script>
<form name="color">
                    <table>
                      <tr align="Center"> 
                        <td> 
                          <input name="red" type="button" value=" +50 " onClick="upred(50)">
                        </td>
                        <td> 
                          <input name="red2" type="button" value=" + 10 " onClick="upred(10)">
                        </td>
                        <td> 
                          <input name="red2" type="button" value=" + 1" onClick="upred(1)">
                        </td>
                        <td width="50"><font color="#FF0000" size=+3><b><font color="#FA0000">紅</font></b></font></td>
                        <td> 
                          <input name="red-" type="button" value=" - 1" onClick="downred(1)">
                        </td>
                        <td> 
                          <input name="red-" type="button" value=" - 10 " onClick="downred(10)">
                        </td>
                        <td> 
                          <input name="red-" type="button" value=" -50 " onClick="downred(50)">
                        </td>
                        <td> 
                          <input type="text" name="rd" size=3>
                        </td>
                      </tr>
                      <tr align="Center"> 
                        <td> 
                          <input name="green" type="button" value=" +50 " onClick="upgreen(50)">
                        </td>
                        <td> 
                          <input name="green" type="button" value=" + 10 " onClick="upgreen(10)">
                        </td>
                        <td> 
                          <input name="green" type="button" value=" + 1" onClick="upgreen(1)">
                        </td>
                        <td width="50"><font color="#00FF00" size=+3><b><font color="#00FA00">綠</font></b></font></td>
                        <td> 
                          <input name="green-" type="button" value=" - 1" onClick="downgreen(1)">
                        </td>
                        <td> 
                          <input name="green-" type="button" value=" - 10 " onClick="downgreen(10)">
                        </td>
                        <td> 
                          <input name="green-" type="button" value=" -50 " onClick="downgreen(50)">
                        </td>
                        <td> 
                          <input type="text" name="gr" size=3>
                        </td>
                      </tr>
                      <tr align="Center"> 
                        <td> 
                          <input name="blue" type="button" value=" +50 " onClick="upblue(50)">
                        </td>
                        <td> 
                          <input name="blue" type="button" value=" + 10 " onClick="upblue(10)">
                        </td>
                        <td> 
                          <input name="blue" type="button" value=" + 1" onClick="upblue(1)">
                        </td>
                        <td width="50"><font color="#0000FF" size=+3><b><font color="#0000FA">藍</font></b></font></td>
                        <td> 
                          <input name="blue-" type="button" value=" - 1" onClick="downblue(1)">
                        </td>
                        <td> 
                          <input name="blue-" type="button" value=" - 10 " onClick="downblue(10)">
                        </td>
                        <td> 
                          <input name="blue-" type="button" value=" -50 " onClick="downblue(50)">
                        </td>
                        <td> 
                          <input type="text" name="bl" size=3>
                        </td>
                      </tr>
                      <tr align="Center"> 
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td width="50"> 
                          <input type="text" name="rgbdspl" size=7>
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                    </table>
                  </form>

前一頁:一個利用select下拉選擇框進行變色的網頁效果

后一頁:沒有了

相關閱讀: Javascript JS 限制復選框的選擇個數; 酷在旅途; asp正則表達式替換HTML源文件里的鏈接地址; 旅行社手機網站模板3; Request.ServerVariables在網頁中的一些應用集合; 深山行者留言系統V3.2發布; 網頁小鍵盤/軟鍵盤; 檢測非法字符

共有0條關于《一個javascript寫的RGB的調色器,非常不錯》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: 非常不錯的支持各種瀏覽器的簡易調色板; 背景調色板：狀態欄還能顯示顏色值; 手動調節背景色：背景色能用按鈕進行手動調節; 頁面文字變色、變大、還原; windows顏色選擇框; 超級酷的滾動條顏色代碼生成器

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 我的地盤我做主之留言板模板; asp利用hasOwnProperty驗證某個json中的某個標簽是否存在; 九江市交通國際旅行社有限公司; 出境游旅行社建站解決方案; 經典表格隔行變色程序; jquery動態生成的html代碼中無法使用jquery事件的解決方法

更多標簽熱門標簽

標簽保留 box 個性滑動繁體 V3.1 位置統計添加項目 optgroup 舒服 visite checkbox 快捷鍵人生透明彈窗控件瀏覽器 dd 個人 maryabbsby 留言 script 柱狀 important 叛斷顯示器創業 jpg button 無限 display 購物上一頁逗號 Application 黑白源碼對象固定驗證特效表單文本彈出行號 SEO

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

一個javascript寫的RGB的調色器,非常不錯