| TOP> HTML+TIME> TIMEサンプル> メニューフレームの出現と消去 |
| MENU FRAME -Block&None- |
|
関連項目⇒
|
|
左右分割のフレーム時に、左側メニューページの表示非表示を切り替えます。左フレームと右フレームにはIFRAMEを使用し、それら2つのIFRAMEを仮に
「javaira.htm」に表示するとします。下記ソースはその「javaira.htm」のソースにあたります。右フレーム及び左フレームはソースを編集する必要はありません。但し、左フレームから、右フレームページを飛ばす場合は、target指定を忘れずに。
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD> <TITLE>メニューフレームの出現と消去</TITLE> <STYLE type="text/css"> <!-- BODY{margin:0px;overflow:hidden;} /*★★★ JavaScriptはもういらない!? ★★★★★★ ★ HTML+TIME by〜〜(m--)m ura@ad.il24.net ★ ★ URL http://html-time.com */ .time{behavior: url(#default#time2);} /*★★★★★★★★★★★★★★★★★★★★★★*/ --> </STYLE> <?IMPORT namespace="t" implementation="#default#time2"> </HEAD> <BODY> <TABLE border="0" width="100%" height="100%" cellpadding="0" cellspacing="0"> <TR> <TD width="20" bgcolor="#ffc11e" style="width:170;" valign="top" class="time" begin="0;open_bt.click" end="close_bt.click" timeaction="style"> <IFRAME src="menu.htm" name="menu" scrolling="AUTO" width="150" height="100%" frameborder="no" border="0" id="menu" align="top" class="time" begin="0;open_bt.click" end="close_bt.click" timeaction="display"></IFRAME> <INPUT type="button" style="width:18;height:18;" value="×" id="close_bt" class="time" begin="0;open_bt.click" end="close_bt.click" timeaction="display"> <INPUT type="button" style="width:18;height:18;" value="⇒" id="open_bt" class="time" begin="close_bt.click" end="open_bt.click" timeaction="display"> </TD> <TD> <IFRAME src="main.htm" name="main" scrolling="AUTO" width="100%" height="100%" frameborder="no" border="0" id="main"></IFRAME> </TD> </TR> </TABLE> </BODY> </HTML> |