収納されている多数のメニューを
クリックで表示させる方法です


↓の文字をクリックしてみてね♪


GALLERY

 NOVEL


もう1度クリックすると再びメニューが収納されます。







・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

画像使用の上部サンプルタイプのソース

こちらの4種類を名前を変更せずお持ち帰りください。

         

↓のソースを<HEAD>〜</HEAD>の間に貼り付けて下さい。


↓のソースを<body>〜</body>の間に貼り付けて下さい。




画像なしのシンプルタイプのソース

↓のソースを<HEAD>〜</HEAD>の間に貼り付けて下さい。


↓のソースを<body>〜</body>の間に貼り付けて下さい。



収納メニューを増やしたい場合

<span class="list" onclick="expand(★);" style="cursor:hand;">サンプル</span><div id="★" style="display:none">

BODYに貼り付ける↑この部分のソースの★マークを、
上部のサンプルメニューで例えると

GALLERY なら   
<span class="list" onclick="expand(a);" style="cursor:hand;">GALLERY</span><div id="a" style="display:none">
NOVEL   なら   
<span class="list" onclick="expand(b);" style="cursor:hand;">NOVEL</span><div id="b" style="display:none">
更に増やすなら  
<span class="list" onclick="expand(c);" style="cursor:hand;">サンプル</span><div id="c" style="display:none">

と言うようにお好きな英字を変えて増やしていってください。