日本語
<!-- http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs--> <!-- 如下代コードを <head> 領域に追加します。注意:图片自选--> <スタイル> .flyoutMenu { 背景色: #F1F1F1;境界線の色: #999999;ボーダー幅: 0 1px 1px 0;ボーダースタイル: ソリッド; .flyoutMenu TD.flyoutLink { 境界線の色: #F1F1F1;境界線の幅: 1px;ボーダースタイル: ソリッド;フォントファミリー: Verdana、Arial;フォントサイズ: 70%;パディング: 1px 25px 3px 6px;カーソル: 手; .flyoutLink a { 色: 黒;テキスト装飾: なし。 .flyoutLink a:hover {色:黒;テキスト装飾: なし。 .flyoutLink a:visited { 色: 黒;テキスト装飾: なし。 .flyoutLink a:active { 色: 黒;テキスト装飾: なし。 } </style> <script> function over(){ if(obj=event.srcElement) if(obj.className=="flyoutLink"){ obj.style.backgroundColor='#cccccc' obj.style.borderColor = ' #999999' } } function out(){ if(obj=event.srcElement) if(obj.className=="flyoutLink"){ obj.style.backgroundColor='#f1f1f1' obj.style.borderColor = '#f1f1f1' } } 関数 show(d){ if(obj=document.all(d)) obj.style.display="" } 関数 Hide(d){ if(obj=document.all(d)) obj.style.display ="none" } document.onmouseover=over document.onmouseout=out </script> <table cellpadding="0" cellpacing="0" border="0" width="100%"> <tr><td> < table class="flyoutMenu" width="180" cellpadding="2" cellpacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellpacing="0" border="0"> <tr><td class="flyoutLink">微软菜单</td></tr> <tr><td class="flyoutLink" onmouseover=show("div1") onmouseout=hide(" div1")><a href="javascript:alert(1)">アメリカ</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert( 2)">加拿大</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(3)">英国</a></td> </tr> <tr><td class="flyoutLink"><a href="javascript:alert(4)">法国</a></td></tr> <tr><td class="flyoutLink "><a href="javascript:alert(5)">意大利</a></td></tr> </Table> </table> <table class="flyoutMenu" width="180" cellpadding= "2" cellpacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellpacing="0" border="0"> <tr><td class= "flyoutLink" ><a href="javascript:alert(5)">澳大利亚</a></td></tr> </table> </td></tr> </table> <table class= "flyoutMenu" width="180" cellpadding="2" cellpacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellpacing="0" border=" 0"> <tr><td class="flyoutLink" handle="1672" onmouseover=show("div7") onmouseout=hide("div7")><a href="javascript:alert(6)">中国< /a></td></tr> <tr><td class="flyoutLink" ><a href="javascript:alert(7)">日本</a></td></tr> </ table> </td></tr> </table> </td></tr> </table> <div id=div1 style="position:absolute;display:none;left:191;top:37" onmouseover=show("div1") onmouseout=hide("div1")> <table class="flyoutMenu" width="180" cellpadding="2" cellpacing="0" border="0" > <tr><td > <table width="175" cellpadding="0" cellpacing="0" border="0"> <tr><td class="flyoutLink">美国菜单</td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(1)">纽约</a></td></tr> <tr><td class="flyoutLink"><a href="javascript: alert(2)">芝加哥</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(3)">三藩市</a> </td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(4)">华盛顿</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(5)">费城</a></td></tr> </Table> </table> </div> <div id=div7 style ="position:absolute;display:none;left:191;top:165" onmouseover=show("div7") onmouseout=hide("div7")> <table class="flyoutMenu" width="180" cellpadding=" 2" cellpacing="0" border="0" > <tr><td> <table width="175" cellpadding="0" cellpacing="0" border="0"> <tr><td class=" flyoutLink">中国菜单</td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(1)">北京</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(2)">上海</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(3)">深圳</a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(4)">厦门< /a></td></tr> <tr><td class="flyoutLink"><a href="javascript:alert(5)">大连</a></td></tr> </テーブル> </テーブル> </div>
