一個javascript寫的RGB的調色器,非常不錯 -- [色彩類別]─ 深山工作室提供網絡投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開發|企業網站建設

<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

<listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

<address id="jxdzp"></address>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

訂閱本欄目 RSS您所在的位置: 深山工作室 > 色彩類別 > 正文

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

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

以下為詳細代碼

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

<script language="JavaScript">
<!-- Hiding

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下拉選擇框進行變色的網頁效果

后一頁:沒有了

相關閱讀: uni-app全局載入模板與某個頁面單獨加載入模板寫法; 紹興中僑旅游網; 微信小程序客服會話只能過button讓用戶主動觸發; 更變態的頁面右擊失效代碼,選擇,全選,全部失效; 利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉; 澳游網; 深山旅行社管理系統商業版增加線路日期報價功能樣式選擇(增加了3個日期報價效果); 深山旅行社網站管理系統 v1.5

共有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還有其它的嗎

更多>>隨機抽取信息: 許愿墻頁面設計完成，開始進行寫相關的樣式; div+css設置列表li超出部分顯示省略號; 中小企業網站優化存在的弊病; asp截取字符串：根據右邊第一個點(.)去掉擴展名; 高度100%的絕對定位自適應布局技巧; asp中qequest讀取優先級順序（通過優化之后提高速度）

更多標簽熱門標簽

處理網站手滑過絕對絕對定位深山旅游網站管理系統V1.0 名稱文字顯示面板兼容獲取 shift 分辨率導航文章顏色配色表單三級漸變工作文字樣式 box 右擊分頁 Excel 搜索關于我們 option optgroup 繁體原則鎯 select font-size 學習字節數 word-break 判斷購物思考淘寶 important 性能留言圖片調色板單選

行業解決方案: 抖音小程序百度小程序微信小程序

了解我們: 關于深山; 業務范圍; 案例展示中心; 聯系我們; 網站地圖; 贊助深山

動態展示: 定制網絡投票系統; 定制小程序

服務熱線: 13961347334

: 微信公眾號二維碼

: 百度小程序二維碼

: 頭條抖音小程序二維碼

: 聯系微信二維碼

: 聯系QQ二維碼

免責聲明:本站所有資料信息,有部分為本人原創,部分為從網絡收集而來,僅供網友查看閱讀所用,所有信息版權歸信息所有人或所有公司所有
如果信息內容侵犯到您的版權或權益請與我們聯系,經確認后我們會立即移除相關內容或鏈接
Copyright © 2007-2025 深山工作室 All Rights Reserved
服務QQ:565449214 手機:13961347334
ICP備案:蘇ICP備15019627號

蘇公網安備 32070502010230號

88国产精品视频一区二区三区