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

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


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


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


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(改行)タグなど様々なタグが使えます。ページをコンパクトにするのにはいいかもしれませんね!またこの仕掛けを同じページに2つ以上つける場合は<P onclick="document.all.d.style.display= document.all.d.style.display=='none'?'':'none'">dの部分と<P ID=d STYLE="display:none"></p>のID=dの部分をほかのアルファベットに置き換えて見て下さい。
ホームへ戻る