| 収納されている多数のメニューを クリックで表示させる方法です  |
|
↓の文字をクリックしてみてね♪
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">
と言うようにお好きな英字を変えて増やしていってください。