欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML Color Picker(js拾色器效果)

 更新時間:2013年08月27日 18:59:17   作者:  
這篇文章主要是用js實現(xiàn)拾色器效果,來自國外的網站,喜歡的朋友可以參考下
File Name : colorpicker.html
Requirement : Internet Explorer or Mozilla
Author : Jean-Luc Antoine
Submitted : 26/03/2005
Category : 4K

復制代碼 代碼如下:

<form name="recherche" method="post" action="yourpage.html">
<input type=hidden name="rgb" value="123">
<table style="background-color:#f6f6f6;border:1px dotted #666;padding:5px;margin:0px auto;">
<tr><td align=right>Couleur:<br><small>Cliquez pour lister les<br>oeuvres les plus proches<br>de la couleur sélectionnée</small></td>
<td style="border:1px outset #CCF;background-color:#ffe;width=172">
<div id=temoin style='float:right;width:40px;height:128px;'> </div>

<script language="Javascript" type="text/javascript">
<!--
var total=1657;var X=Y=j=RG=B=0;
var aR=new Array(total);var aG=new Array(total);var aB=new Array(total);
for (var i=0;i<256;i++){
aR[i+510]=aR[i+765]=aG[i+1020]=aG[i+5*255]=aB[i]=aB[i+255]=0;
aR[510-i]=aR[i+1020]=aG[i]=aG[1020-i]=aB[i+510]=aB[1530-i]=i;
aR[i]=aR[1530-i]=aG[i+255]=aG[i+510]=aB[i+765]=aB[i+1020]=255;
if(i<255){aR[i/2+1530]=127;aG[i/2+1530]=127;aB[i/2+1530]=127;}
}
function p(){var jla=document.getElementById('choix');jla.innerHTML=artabus;jla.style.backgroundColor=artabus;document.forms['recherche'].rgb.value=artabus}
var hexbase=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
var i=0;var jl=new Array();
for(x=0;x<16;x++)for(y=0;y<16;y++)jl[i++]=hexbase[x]+hexbase[y];
document.write('<'+'table border="0" cellspacing="0" cellpadding="0" onMouseover="t(event)" onClick="p()">');
var H=W=63;
for (Y=0;Y<=H;Y++){
 s='<'+'tr height=2>';j=Math.round(Y*(510/(H+1))-255)
 for (X=0;X<=W;X++){
  i=Math.round(X*(total/W))
  R=aR[i]-j;if(R<0)R=0;if(R>255||isNaN(R))R=255
  G=aG[i]-j;if(G<0)G=0;if(G>255||isNaN(G))G=255
  B=aB[i]-j;if(B<0)B=0;if(B>255||isNaN(B))B=255
  s=s+'<'+'td width=2 bgcolor=#'+jl[R]+jl[G]+jl[B]+'><'+'/td>'
 }
 document.write(s+'<'+'/tr>')
}
document.write('<'+'/table>');
var ns6=document.getElementById&&!document.all
var ie=document.all
var artabus=''
function t(e){
source=ie?event.srcElement:e.target
if(source.tagName=="TABLE")return
while(source.tagName!="TD" && source.tagName!="HTML")source=ns6?source.parentNode:source.parentElement
document.getElementById('temoin').style.backgroundColor=artabus=source.bgColor
}
// -->
</script>
<div id=choix style='height:24px;'  onClick="document.forms['recherche'].rgb.value='';this.style.backgroundColor=''"> </div><td></tr>
<tr><td colspan=2 align=center><input type=submit></td></tr>
</table>
</form>


來源:http://www.interclasse.com/scripts/colorpicker.php

相關文章

  • Javascript中classList的基本使用方法

    Javascript中classList的基本使用方法

    classList 是一個非常實用的工具,可以讓我們輕松地操作元素的類名,在使用 classList 時,我們可以通過 add、remove、toggle 和 contains 等方法來添加、刪除、切換和檢查類名,接下來我們詳細學習一下classList的使用方法以及相關方法,感興趣的朋友一起看看吧
    2023-10-10
  • JS實現(xiàn)圖片上傳預覽功能

    JS實現(xiàn)圖片上傳預覽功能

    本文給大家分享一段js代碼關于實現(xiàn)圖片上傳預覽功能,代碼簡單易懂,非常不錯,具有參考借鑒價值,感興趣的朋友一起看看吧
    2016-11-11
  • js中位數(shù)不足自動補位擴展padLeft、padRight實現(xiàn)代碼

    js中位數(shù)不足自動補位擴展padLeft、padRight實現(xiàn)代碼

    這篇文章主要介紹了js中位數(shù)不足自動補位擴展之padLeft、padRight實現(xiàn)方法,主要是通過String.prototype擴展實現(xiàn),需要的朋友可以參考下
    2020-04-04
  • JavaScript cookie的設置獲取刪除詳解

    JavaScript cookie的設置獲取刪除詳解

    這篇文章主要介紹了JavaScript cookie的設置獲取刪除等等,,需要的朋友可以參考下
    2014-02-02
  • javascript中定義類的方法詳解

    javascript中定義類的方法詳解

    這篇文章主要詳細介紹了javascript中定義類的方法的相關資料,需要的朋友可以參考下
    2015-02-02
  • javascript實現(xiàn)簡易的計算器

    javascript實現(xiàn)簡易的計算器

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡易的計算器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • JS轉換金額大寫方法詳細例子

    JS轉換金額大寫方法詳細例子

    在處理財務賬款類需求時需要將轉賬金額寫成大寫的,下面這篇文章主要給大家介紹了關于JS轉換金額大寫方法的相關資料,文中給出了詳細的代碼示例,需要的朋友可以參考下
    2023-10-10
  • js導出excel文件的簡潔方法(推薦)

    js導出excel文件的簡潔方法(推薦)

    下面小編就為帶來一篇js導出excel文件的簡潔方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • js中有關IE版本檢測

    js中有關IE版本檢測

    javascript中經常用到IE版本的判定,實現(xiàn)特定需求的代碼。檢測瀏覽器雖然不是一個什么好的做法,但是有時候還是很必要的
    2012-01-01
  • 淺談Javascript中的Function與Object

    淺談Javascript中的Function與Object

    這篇文章主要簡單介紹了Javascript中的Function與Object的關系,并附上示例分析,對于我們更好的理解Javascript中的Function與Object的關系很有幫助,有需要的小伙伴參考下。
    2015-01-01

最新評論