最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

HTML Color Picker(js拾色器效果)

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

復(fù)制代碼 代碼如下:

<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

相關(guān)文章

  • 怎么使用javascript深度拷貝一個(gè)數(shù)組

    怎么使用javascript深度拷貝一個(gè)數(shù)組

    一般情況下,使用 “=” 可以實(shí)現(xiàn)賦值。但對(duì)于數(shù)組、對(duì)象、函數(shù)等這些引用類型的數(shù)據(jù),這個(gè)符號(hào)就不好使了。下面我們來詳細(xì)學(xué)習(xí)下吧
    2019-06-06
  • 詳解如何準(zhǔn)確判斷JavaScript中的數(shù)據(jù)類型

    詳解如何準(zhǔn)確判斷JavaScript中的數(shù)據(jù)類型

    JavaScript中,我們經(jīng)常需要判斷數(shù)據(jù)類型以便于正確地處理數(shù)據(jù),本文將介紹JavaScript中的數(shù)據(jù)類型判斷技術(shù),包括typeof操作符、instanceof操作符、Object.prototype.toString方法以及ES6新增的一些數(shù)據(jù)類型判斷方法,需要的朋友可以參考下
    2023-08-08
  • Mvc提交表單的四種方法全程詳解

    Mvc提交表單的四種方法全程詳解

    本文給大家介紹mvc提交表單的四種方法,分別是MVC HtmlHelper方法,傳統(tǒng)Form表單Aciton屬性提交,Jquery+Ajax 提交表單,MVC Controller控制器和表單參數(shù)傳遞,介紹的非常詳細(xì),需要的朋友參考下
    2016-08-08
  • webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解

    webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解

    這篇文章主要介紹了webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-05-05
  • js彈出窗口簡(jiǎn)單實(shí)現(xiàn)代碼

    js彈出窗口簡(jiǎn)單實(shí)現(xiàn)代碼

    這篇文章主要為大家詳細(xì)介紹了js彈出窗口的簡(jiǎn)單實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • javascript中indexOf技術(shù)詳解

    javascript中indexOf技術(shù)詳解

    indexOf()函數(shù)用于查找子字符串在當(dāng)前字符串中第一次出現(xiàn)的位置。該函數(shù)屬于String對(duì)象,所有主流瀏覽器均支持該函數(shù)。下面我們就來詳細(xì)探討下javascript的index0f()函數(shù)
    2015-05-05
  • js內(nèi)置對(duì)象處理_打印學(xué)生成績(jī)單的簡(jiǎn)單實(shí)現(xiàn)

    js內(nèi)置對(duì)象處理_打印學(xué)生成績(jī)單的簡(jiǎn)單實(shí)現(xiàn)

    下面小編就為大家?guī)硪黄猨s內(nèi)置對(duì)象處理_打印學(xué)生成績(jī)單的簡(jiǎn)單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-09
  • Vue考試系統(tǒng)的后臺(tái)管理功能開發(fā)示例解讀

    Vue考試系統(tǒng)的后臺(tái)管理功能開發(fā)示例解讀

    這篇文章主要介紹了Vue考試系統(tǒng)后臺(tái)管理項(xiàng)目的登錄、記住密碼功能具體實(shí)現(xiàn)流程,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-09-09
  • LayUi數(shù)據(jù)表格自定義賦值方式

    LayUi數(shù)據(jù)表格自定義賦值方式

    今天小編就為大家分享一篇LayUi數(shù)據(jù)表格自定義賦值方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10
  • 基于javascript實(shí)現(xiàn)的搜索時(shí)自動(dòng)提示功能

    基于javascript實(shí)現(xiàn)的搜索時(shí)自動(dòng)提示功能

    這篇文章主要介紹了基于javascript實(shí)現(xiàn)的搜索時(shí)自動(dòng)提示功能,非常實(shí)用,推薦給需要的小伙伴參考下。
    2014-12-12

最新評(píng)論

灌云县| 蒙山县| 黄山市| 铜川市| 庆城县| 南溪县| 元谋县| 东乡| 高雄县| 浦城县| 湖南省| 礼泉县| 彭阳县| 泸水县| 高州市| 东山县| 潞西市| 紫金县| 莆田市| 阜宁县| 青海省| 格尔木市| 汾阳市| 工布江达县| 绵竹市| 蒲江县| 洛阳市| 沁水县| 来宾市| 彭泽县| 河间市| 宜都市| 故城县| 汉寿县| 教育| 沾化县| 金坛市| 阳江市| 广平县| 汝阳县| 毕节市|