NO.148 ドキュメント応用⑧

色

色を段階別に分けて表示していこうという試みです。
表示時にマウスが色の上に行くとステータスバーに色名を表示するようになってます。
最初全部表示しようと思ったのですが、云百万のパターンになるのでやめました。
危険なので表示する色の段階は1～20ぐらいに留めて下さい。
理論上は256*256*256の全パターンを表示できる設計です。あくまで理論

実行例

ソース

<script type=text/javascript>
<!--
function SET(){
R=document.f1.dn.value;Z=document.f1.sz.value;
document.write("<table cellspacing=0 border=0>");
for(C=0;C<R;C++){C2=(Math.round(256/(R-1))*C).toString(16);
if(C2<10||C2=="a"||C2=="b"||C2=="c"||C2=="d"||C2=="e"||C2=="f"){C2="0"+C2;}
document.write("<tr>");
for(B=0;B<R;B++){B2=(Math.round(256/(R-1))*B).toString(16);
if(B2<10||B2=="a"||B2=="b"||B2=="c"||B2=="d"||B2=="e"||B2=="f"){B2="0"+B2;}
document.write("<tr>");
for(A=0;A<R;A++){A2=(Math.round(256/(R-1))*A).toString(16);
if(A2<10||A2=="a"||A2=="b"||A2=="c"||A2=="d"||A2=="e"||A2=="f"){A2="0"+A2;}
CL='"'+'#'+C2+B2+A2+'"';
document.write("<td class=l width="+Z+" height="+Z+" onMouseover='window.status="+CL+";' bgcolor="+CL+"></td>");
}document.write("</tr>");
}document.write("</tr>");
}document.write("</table>");
document.bgColor="#000000";
}
-->
</script>
<form name=f1 onSubmit="return SET()">
１マスのサイズ：<input type=text name=sz size=2>(1～20を推奨)<br>
表示する色の段階：<input type=text name=dn size=3>(1～20を推奨。理論上は256まで可能だが表示する色が多すぎてフリーズする)<br>
<input type=submit value="実行">
</form>

実行

トップに戻る前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送