FLASH風メニューソース

<!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>Flash風メニュー-TIME+JavaScript-</TITLE>
<STYLE type="text/css">

</STYLE>
<SCRIPT language="JavaScript">
function timeChange(id){
t1.targetElement=id;
t1.begin=id+'.mouseover';
t1.end=id+'.mouseout';
t2.targetElement=id;
t2.begin=id+'.mouseover';
t2.end=id+'.mouseout';
}
</SCRIPT>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
<CENTER>
<TABLE border="0" cellpadding="0" cellspacing="2">
<TR>
<TD valign="top" class="td_c" align="left">
<TABLE border="0" width="10" height="10">
<TR>
<TD class="td_s" bgcolor="#aaaaaa">.</TD>
<TD class="td_s" bgcolor="#1d88b6">.</TD>
</TR>
<TR>
<TD class="td_s" bgcolor="#1d88b6">.</TD>
<TD></TD>
</TR>
</TABLE>
</TD>
<TD id="td1" align="center" class="td_l" onmouseover="timeChange('td1')"><A href="#">Prof</A></TD>
<TD align="right" valign="top" class="td_c">
<TABLE border="0" width="10" height="10">
<TR>
<TD class="td_s" bgcolor="#1d88b6">.</TD>
<TD class="td_s" bgcolor="#aaaaaa">.</TD>
</TR>
<TR>
<TD></TD>
<TD class="td_s" bgcolor="#1d88b6">.</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD id="td2" align="center" class="td_l" onmouseover="timeChange('td2')"><A href="#">Diary</A></TD>
<TD id="td3" align="center" class="td_l" onmouseover="timeChange('td3')"><A href="#">Top</A></TD>
<TD id="td4" align="center" class="td_l" onmouseover="timeChange('td4')"><A href="#">Bbs</A></TD>
</TR>
<TR>
<TD valign="bottom" class="td_c" align="left">
<TABLE border="0" width="10" height="10">
<TR>
<TD class="td_s" bgcolor="#1d88b6">.</TD>
<TD></TD>
</TR>
<TR>
<TD class="td_s" bgcolor="#aaaaaa">.</TD>
<TD class="td_s" bgcolor="#1d88b6">.</TD>
</TR>
</TABLE>
</TD>
<TD id="td5" align="center" class="td_l" onmouseover="timeChange('td5')"><A href="#">Link</A></TD>
<TD class="td_c" valign="bottom" align="right">
<TABLE border="0" width="10" height="10">
<TR>
<TD></TD>
<TD class="td_s" bgcolor="#1d88b6">.</TD>
</TR>
<TR>
<TD class="td_s" bgcolor="#1d88b6">.</TD>
<TD class="td_s" bgcolor="#aaaaaa">.</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>
<t:animateColor id="t1" targetElement="" attributeName="background-color" begin="" end="" to="#4aadd2" dur=".5" fill="hold" />
<t:animateColor id="t2" targetElement="" attributeName="border-color" begin="" end="" to="red" dur="1" autoreverse="true" repeatCount="indefinite" />
</BODY>
</HTML>