admin |
ん〜と、まずは簡単な方法から。
1.画面の読み込み時にメニューを収納する方式
bodyタグの onloadイベント(画面読み込み)時の動作に showfrm() を追加する。 つまり、<body onload="showfrm();setPos();" onscroll="setPos();" style="要望に応じたスタイル指定"> となる。
この場合、画面が開いた瞬間から収納動作が始まるので、 「最初から閉じている」のでは無いけれど、動きとしては 面白いかも。
2.最初から収納されている状態にする方式
まず、上記の追加作業は行わないので、その点に注意。
ソースの25行目 var showflg = 1; となっている箇所の数値「1」を「0(ゼロ)」に書き換える。 つまり、 var showflg = 0; となる。
次に、ソースの153行目 <div style="position:absolute;left:0px;z-index:99;" id="lmd"> となっている箇所の、「leff:0px;」の値を、 収納時の数値(このサンプルでは -191px)に書き換える。 すると、 <div style="position:absolute;left:-191px;z-index:99;" id="lmd"> となる。
以上で最初から収納された状態になります。
では、頑張って!
|
|