隠された文章をダイナミックに表示！

ます最初にここをクリック！


ここもクリックしてみよう！


少し応用してみました！クリック！

HTMLの好きな部分に張り付けて使って下さい。
まず一番上のサンプルのソースの紹介です。
<P onclick="document.all.d.style.display=
	document.all.d.style.display=='none'?'':'none'"><U STYLE="color: #FF0080"><I>ます最初にここをクリック！</I></u></p>

<P ID=d STYLE="display:none"><B><FONT SIZE="2" COLOR="#0080FF">ここに隠された文章が出てきます！</FONT></B></p><BR>
■ちょっと解説！
<P ID=d STYLE="display:none"></p>の中にはAタグやBタグ　FONTタグ　BR（改行）タグなど様々なタグが使えます。ページをコンパクトにするのにはいいかもしれませんね！またこの仕掛けを同じページに２つ以上つける場合は<P onclick="document.all.d.style.display= document.all.d.style.display=='none'?'':'none'">のdの部分と<P ID=d STYLE="display:none"></p>のID=dの部分をほかのアルファベットに置き換えて見て下さい。
ホームへ戻る