日本語
<html> <head> <style> /* まずこの xmenu のスタイルを css に入れます*/ .xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:# ffffff ;border:1px Solid #336699;background:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;} </style> <script> /* これはイベント アクションをバインドしますメニュー上の関数 */ functionattachXMenu(objid){ var tds=objid.getElementsByTagName('td'); for(var i=0;i<tds.length;i++){ with(tds[i]){ onmouseover =function(){ with(this){ filters[0].apply(); style.background='#FEBD20'; //これはマウスが上に移動したときの背景色です style.border='1px Solid #ffffff' ; // 境界線 style.color='black'; // 文字色フィルター[0].play() } } onmouseout=function(){ filters[0].apply(); = '#336699'; //これはマウスが離れたときの背景色です style.border='1px Solid #336699'; //Border style.color='#ffffff'; //テキストカラーフィルター[0].play () ; } } } } } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Web ページの特殊効果</title> </head> <body> < !-- メニューはここから始まります。クラスを CSS と同じに設定し、その ID を設定することに注意してください--> <table class="xmenu" id="xmenu0" width=" 500" cellpadding="1" cellpacing="4" border="0" bgcolor="#00000" align="center"> <tr> <td>Web ページの特殊効果</td> <td>プラグインのダウンロード</td> <td>オンライン アカデミー </td> <td>ダウンロード ベース</td> <td>ウェブサイト アライアンス</td> <td>ウェブサイト構築</td> </tr> </table> <script >attachXMenu(xmenu0); //In イベント アクションのバインドは、上のテーブルの最後で実行されます。ここでの xmenu0 はテーブルの ID です。</script> </body> </html>
