Heim > Web-Frontend > js-Tutorial > 颜色选择: ColorMatch 5K_JavaScript

颜色选择: ColorMatch 5K_JavaScript

WBOY
Freigeben: 2016-05-16 19:22:54
Original
1403 Leute haben es durchsucht
');}function ph(x){document.write('
#000000
');}function ud(x,c){eval("sw"+x).style.backgroundColor="rgb("+c.r+","+c.g+","+c.b+")";eval("hc"+x).innerHTML=rg2html(c)}function pl(t,c,l){document.write('
')}function dom(){z=new Object();y=new Object();yx=new Object();y.s=hs.s;y.h=hs.h;if(hs.v>70){y.v=hs.v-30}else{y.v=hs.v+30};z=h2r(y);ud("1",z);if((hs.h>=0)&&(hs.h70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=30)&&(hs.h=60)&&(hs.h70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=180)&&(hs.h70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=220)&&(hs.h70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if(hs.h>=300){if(hs.s>50){y.s=yx.s=hs.s-40}else{y.s=yx.s=hs.s+40}yx.h=y.h=(hs.h+20)%360;y.v=hs.v;if(hs.v>70){yx.v=hs.v-30}else{yx.v=hs.v+30}}z=h2r(y);ud("2",z);z=h2r(yx);ud("3",z);y.h=0;y.s=0;y.v=100-hs.v;z=h2r(y);ud("4",z);y.h=0;y.s=0;y.v=hs.v;z=h2r(y);ud("5",z);}
ColorMatch 5K This utility will help you select a matching 6-color palette for your website. Define a single color that you like. Matching colors will be calculated. Click a color in the palette to promote it to the primary color. I like this color: 6-color matching palette:
<script>pl(170,"red","r");pl(200,"green","g");pl(230,"blue","b")</script>
<script>ps(0);ps(1);ps(2);ps(3);ps(4);ps(5);</script><script>ph(0);ph(1);ph(2);ph(3);ph(4);ph(5);</script>

About this page

The color selector on this site was submitted as an entry for the Danish 5KB (5.120 bytes) web competition in 2001.

Given the nature of the competition ?allowing only for 5.120 bytes to be used in total! ?I was not able to make it cross-browser compatible at the time. Despite the lack of compatibility beyond IE, the tool won the competition.

A lot of enthusiastic people around the World have not only made it more compatible, but also added even more features. Google will guide you to them!

If you for some reason want to get in touch with me, please use the contact form at my site Port80.biz. ?Best regards, Kim Jensen aka kim^lwx


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Verwandte Etiketten:
5k
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage