微软菜单

稿源：互联网 2022-04-04 17:38:55 点击： 1119 撤稿纠错

一个导航菜单，可自定义，熟悉的朋友可以自己改下样式。

以下讨论的是和菜单微软导航特效相关的微软菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果把如下代码加入到<body>区域中

document.onmouseover=over
document.onmouseout=out
</script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr><td>
    <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" >
        <tr><td>
        <table width="175" cellpadding="0" cellspacing="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" cellspacing="0" border="0" >
        <tr><td>
        <table width="175" cellpadding="0" cellspacing="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" cellspacing="0" border="0" >
        <tr><td>
        <table width="175" cellpadding="0" cellspacing="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" cellspacing="0" border="0" >
        <tr><td>
        <table width="175" cellpadding="0" cellspacing="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" cellspacing="0" border="0" >
        <tr><td>
        <table width="175" cellpadding="0" cellspacing="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>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于微软菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071594.shtml方便下次再访问哦。

·上一篇： QQ式的导航
·下一篇： 点击显示下拉菜单

微软菜单

文章分类LIST >>返回首页

最新游戏

最新新闻