関連項目⇒
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>メニュー落下</TITLE>
<STYLE type="text/css">
<!--
/*★★★ JavaScriptはもういらない!? ★★★★★★
★ HTML+TIME by〜〜(m--)m ura@ad.il24.net ★
★ URL http://html-time.com/ */
.time{behavior: url(#default#time2);}
/*★★★★★★★★★★★★★★★★★★★★★★*/
TD{font-size:12;height:25;}
A{color:gray;text-decoration:none;}
A:HOVER{color:#ffffff;background-color:#666666;}
-->
</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
<script language="javascript">
function tblOver(){
t0.from = "-475"
t0.to = "0"
}
function tblOut(){
t0.from = "0"
t0.to = "-475"
}
</script>
</HEAD>
<BODY>
<TABLE border="0" id="tbl1" style="text-align:center;border:1px solid #666666;width:120;position:absolute;top:-475;left:25;" cellpadding="5" cellspacing="0">
<TR><TD id=td2 style="color:#cccccc;background-color:#666666;height:20;cursor:hand;" onclick="tblOut()">close</TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD></TD></TR>
<TR><TD id=td1 style="color:#cccccc;background-color:#666666;cursor:hand;" onclick="tblOver()">MENU</TD></TR>
</TABLE>
<t:animate id="t0" targetElement="tbl1" attributeName="top" from="" to="" begin="td1.click;td2.click" dur="2" fill="hold" />
</BODY>
</HTML>
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>メニュー落下</TITLE>
<STYLE type="text/css">
<!--
/*★★★ JavaScriptはもういらない!? ★★★★★★
★ HTML+TIME by〜〜(m--)m ura@ad.il24.net ★
★ URL http://html-time.com/ */
.time{behavior: url(#default#time2);}
/*★★★★★★★★★★★★★★★★★★★★★★*/
TD{font-size:12;height:25;}
A{color:gray;text-decoration:none;}
A:HOVER{color:#ffffff;background-color:#666666;}
-->
</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
<script language="javascript">
function tblOver(){
t0.from = "-475"
t0.to = "0"
}
function tblOut(){
t0.from = "0"
t0.to = "-475"
}
</script>
</HEAD>
<BODY>
<TABLE border="0" id="tbl1" style="text-align:center;border:1px solid #666666;width:120;position:absolute;top:-475;left:25;" cellpadding="5" cellspacing="0">
<TR><TD id=td2 style="color:#cccccc;background-color:#666666;height:20;cursor:hand;" onclick="tblOut()">close</TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD><A href="#">コンテンツ</A></TD></TR>
<TR><TD></TD></TR>
<TR><TD id=td1 style="color:#cccccc;background-color:#666666;cursor:hand;" onclick="tblOver()">MENU</TD></TR>
</TABLE>
<t:animate id="t0" targetElement="tbl1" attributeName="top" from="" to="" begin="td1.click;td2.click" dur="2" fill="hold" />
</BODY>
</HTML>