謎の黒い部屋


内容を見たい人は、「内容を見る」ボタンをクリック!

この部屋のしかけ

ここでは、簡単なJAVAスクリプトを応用しています。
ボタンを押すと背景色が変わるスクリプトと文字色を組み合わせた仕掛けです。
英単語なんか覚えるのに、色ペンで書いたカードに色セロファン紙を重ねて見えないようにするやり方と同じですね。


このページのソース

----------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>黒い部屋</TITLE>
</HEAD>
<BODY bgcolor="#000000" text="#000000">

<CENTER><font color=white><h2><b>謎の黒い部屋</b></h2><BR>
<small>内容を見たい人は、「内容を見る」ボタンをクリック!</small></font><BR>
<FORM>
<INPUT Value="内容を見る" Type="button" onClick="document.bgColor='white'">
<INPUT Value="戻す" Type="button" onClick="document.bgColor='black'">
</FORM>
<P>
<h2>この部屋のしかけ</h2>

<table width=600>
<tr><td>
ここでは、簡単なJAVAスクリプトを応用しています。<BR>
ボタンを押すと背景色が変わるスクリプトと文字色を組み合わせた仕掛けです。<BR>
英単語なんか覚えるのに、色ペンで書いたカードに色セロファン紙を重ねて見えないようにするやり方と同じですね。<BR>
<BR><BR>
<center><b>このページのソース</b></center><P>

--ここは省略--

</td></tr></table>
</CENTER>
</BODY>
</HTML>
----------------------------------------------------------------
これを応用して、ホットリンクのカラーも統一して、 ボタンを初期画面の外(画面枠のずっと下のほう)に配置すれば、 ちょっとした秘密の部屋が作れますね。

例えばこんなの。

謎の青い部屋へ