隠された文章をクリックで表示

サンプル１←クリックして確かめて下さい。


サンプル２←クリックして確かめて下さい。


応用←クリックして確かめて下さい。


HTMLの好きな部分に張り付けて使って下さい。（一番上のサンプル集のソースです。） 
<P onclick="document.all.d.style.display=
	document.all.d.style.display=='none'?'':'none'"><B STYLE="background: #FFFF80">サンプル１</B>←クリックして確かめて下さい。</p>

<P ID=d STYLE="display:none"><B><FONT SIZE="3" 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の部分をほかのアルファベットに置き換えて見て下さい。
トップページ