亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript實現根據3原色制作顏色選擇器的方法

2019-11-20 12:01:56
字體:
來源:轉載
供稿:網友

本文實例講述了javascript實現根據3原色制作顏色選擇器的方法。分享給大家供大家參考。具體如下:

document.write('<div id="msecolor"><div class="aa"><div class="ab"><div class="ab1"><select onchange="T.f(this.value)"><option value="1">紅</option><option value="3">綠</option><option value="5">藍</option><option value="7">灰</option></select></div><div id="msecolor_ab2"><input type="text" maxlength="7"><span></span></div></div><div class="ac"><div id="msecolor_ac1"></div><div id="msecolor_ac2"></div></div></div></div>');T={s:true};T.a=A.$('msecolor_ab2').children[0];T.b=A.$('msecolor_ab2').children[1];T.c=A.$('msecolor_ac1');T.d=A.$('msecolor_ac2');T.ini=function(id,fun){ this.fun=fun; if(typeof(id)!='object') id=A.$(id); this.obj=id; var w=A.wz(id); var ph=document.documentElement.clientHeight,pw=document.documentElement.clientWidth; var sh=document.documentElement.scrollTop,sw=document.documentElement.scrollLeft; if(w.x-sw+322 > pw){  var l=w.x+id.offsetWidth - 322; }else{  var l=w.x; } if(w.y-sh+329+id.offsetHeight > ph){  var t=w.y - 329; }else{  var t=w.y+id.offsetHeight; } with(A.$('msecolor').style){  display='block';  top=t+'px';  left=l+'px'; }}T.hide=function(){A.$('msecolor').style.display='none';}T.e=['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'];T.f=function(a){ T.h=a; T.c.innerHTML=''; if(a==7){  for(var i=0;i<16;i++){  var s=A.$$('span');  s.title=s.style.backgroundColor='#'+T.e[i]+T.e[i]+T.e[i]+T.e[i]+T.e[i]+T.e[i];  T.c.appendChild(s);  }  T.g(a,0); }else{ for(var i=0;i<16;i++){ var s=A.$$('span'); s.title=s.style.backgroundColor=T.z(a,T.e[i]); T.c.appendChild(s); s.onclick=function(){  var s=this.title.substr(1,1);  if(s=='0')  s=this.title.substr(3,1);  if(s=='0')  s=this.title.substr(5,1);  T.g(T.h,s);  } } T.g(a,0); }}T.g=function(a,b){ T.d.innerHTML=''; switch(parseInt(a)){  case 1:  var c=3,e=5,g='T.z(a,b,c,T.e[parseInt(i/16)],e,T.e[i%16])';  break;  case 3:  var c=1,e=5,g='T.z(c,T.e[parseInt(i/16)],a,b,e,T.e[i%16])';  break;  case 5:  var c=1,e=3,g='T.z(c,T.e[parseInt(i/16)],e,T.e[i%16],a,b)';  break;  case 7:  for(var i=0;i<256;i++){   var s=document.createElement('span');   s.title=s.style.backgroundColor='#'+T.e[parseInt(i/16)]+T.e[i%16]+T.e[parseInt(i/16)]+T.e[i%16]+T.e[parseInt(i/16)]+T.e[i%16];   s.onmouseover=function(){    T.a.value=this.title;    T.b.style.backgroundColor=this.style.backgroundColor;    T.b.title=this.title;   }   s.onclick=function(){    T.hide();    T.fun(this.title,T.obj);   }   T.d.appendChild(s);  }  return false;  break; } for(var i=0;i<256;i++){ var s=document.createElement('span'); s.title=s.style.backgroundColor=eval(g); s.onmouseover=function(){  T.b.style.backgroundColor=this.style.backgroundColor;  T.a.value=this.title;  T.b.title=this.title; } s.onclick=function(){  T.hide();  T.fun(this.title,T.obj); } T.d.appendChild(s); }}T.b.onclick=function(){ T.hide(); T.fun(this.title,T.obj);}T.a.onkeyup=function(e){ var e=e || event; if(e.keyCode==13){  T.b.style.backgroundColor=this.value;  T.b.title=this.value;  T.hide();  T.fun(this.value,T.obj); }}T.z=function(a,b,c,d,e,f){s='#';a=parseInt(a);c=parseInt(c);e=parseInt(e);for(var i=0;i<6;i++){if(i>=(a-1) && i<(a+1)){s+=b;}else if(i>=(c-1) && i<(c+1)){s+=d;}else if(i>=(e-1) && i<(e+1)){s+=f;}else{s+='0';}}return s;}T.f(1);

運行效果圖如下:

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产免费一区视频观看免费| 久久久久久国产精品| 国产精品video| 亚洲影院污污.| 国产精品免费观看在线| 永久555www成人免费| 91高清视频在线免费观看| 久久久久久国产精品| 欧美成人精品一区二区三区| 久久久成人的性感天堂| 成人国产精品免费视频| 国产视频综合在线| 欧美激情高清视频| 少妇高潮久久77777| 亚洲精品久久久一区二区三区| 疯狂欧美牲乱大交777| 国产精品吹潮在线观看| 欧洲成人午夜免费大片| 日韩精品久久久久久久玫瑰园| 久久亚洲春色中文字幕| 亚洲天堂2020| 久久成人精品视频| 97免费在线视频| 中文在线不卡视频| 日韩久久精品成人| 亚洲电影免费观看高清| 久久久精品999| 欧美肥臀大乳一区二区免费视频| 欧美日韩激情视频| 国产a级全部精品| 欧美大肥婆大肥bbbbb| 在线不卡国产精品| 日韩黄色av网站| 精品久久久久久久大神国产| 九九热视频这里只有精品| 久久91精品国产91久久跳| 米奇精品一区二区三区在线观看| 亚洲成人中文字幕| 日韩国产高清视频在线| 亚洲女人被黑人巨大进入al| 97成人超碰免| 欧美理论电影在线观看| 国产精品亚洲第一区| 久久天天躁狠狠躁夜夜躁2014| 91在线视频导航| 久久久精品免费| 亚洲色图第三页| 欧美日韩成人在线播放| 亚洲国产高潮在线观看| 5278欧美一区二区三区| 久久久久女教师免费一区| 国产精品视频999| 国产精品久久久久久久午夜| 国产成人高潮免费观看精品| 午夜精品一区二区三区视频免费看| 91亚洲国产成人精品性色| 亚洲一区二区自拍| 国产精品福利在线观看网址| 日韩精品中文字幕在线播放| 精品露脸国产偷人在视频| 97视频在线观看免费高清完整版在线观看| 亚洲视频欧美视频| 亚洲精品成人免费| 亚洲天堂av综合网| 伊人激情综合网| 亚洲高清久久网| 国产精品第七影院| 国产精品一区二区av影院萌芽| 日韩av综合中文字幕| 丝袜一区二区三区| 久久五月情影视| 亚洲欧美综合另类中字| 久久久免费电影| 国产欧美日韩综合精品| 国产精品久久久久久久7电影| 久久亚洲精品成人| 高清在线视频日韩欧美| 日韩大陆欧美高清视频区| 成人性生交大片免费看视频直播| 91九色国产社区在线观看| 日本精品va在线观看| 欧美午夜宅男影院在线观看| 91丝袜美腿美女视频网站| 日本一区二区在线播放| 国产在线视频不卡| 国产精品福利在线观看| 日韩美女在线观看| 91亚洲精品一区二区| 黄色成人在线播放| 国产+人+亚洲| 欧美视频免费在线观看| 黑人巨大精品欧美一区二区一视频| 97精品国产97久久久久久春色| 秋霞成人午夜鲁丝一区二区三区| 亚洲综合av影视| 欧美在线激情网| 草民午夜欧美限制a级福利片| 亚洲一区二区三区在线免费观看| 丝袜美腿精品国产二区| 秋霞成人午夜鲁丝一区二区三区| 国产偷亚洲偷欧美偷精品| 国产精品久久久久9999| 亚洲美女av在线| 国产精品视频公开费视频| 川上优av一区二区线观看| 国产一区二区三区在线观看网站| 日韩在线播放视频| 国产精品十八以下禁看| 久久躁日日躁aaaaxxxx| 国产91亚洲精品| 91po在线观看91精品国产性色| 8x海外华人永久免费日韩内陆视频| 久久香蕉国产线看观看网| 亚洲免费视频在线观看| 中文字幕欧美日韩精品| 日韩欧美精品免费在线| 亚洲一区二区久久久久久久| 欧美日韩亚洲网| 国产日韩欧美视频在线| 亚洲人成电影网站色www| 精品动漫一区二区| 91福利视频在线观看| 日韩av中文字幕在线免费观看| 亚洲精品理论电影| 欧美在线视频免费观看| 精品亚洲一区二区| 欧美日韩美女视频| 日韩在线资源网| 91麻豆国产语对白在线观看| 日本欧美爱爱爱| 欧美与黑人午夜性猛交久久久| 最近日韩中文字幕中文| 亚洲综合社区网| 91精品国产综合久久香蕉922| 亚洲男人天堂2024| 亚洲3p在线观看| 538国产精品一区二区免费视频| 久久精品国产精品亚洲| 国产精品中文字幕在线观看| 97色在线观看| 在线视频欧美日韩| 精品magnet| 亚洲精品日产aⅴ| 精品亚洲va在线va天堂资源站| 亚洲第一色中文字幕| 亚洲国产欧美自拍| 最新69国产成人精品视频免费| 2024亚洲男人天堂| 国产精品一区二区3区| 7m第一福利500精品视频| 成人在线国产精品| 色偷偷噜噜噜亚洲男人| 国产成人综合久久| 亚洲成人教育av| 91在线观看免费高清完整版在线观看| 亚洲第一中文字幕在线观看| xvideos亚洲| 精品无人区太爽高潮在线播放| 亚洲情综合五月天| 久久人91精品久久久久久不卡| 26uuu日韩精品一区二区| 91av在线视频观看| 九色91av视频| 青青在线视频一区二区三区|