. . .

用户名

密码

搜索内容 搜索类别
   
  首 页 |    公司简介 |    建站套餐 |    建站指南 |    新手上路 |    网络资讯 |    编辑技巧 |    网页设计 |    网页特效 |    HTML教程 |    代理加盟 |    域名查询 |    域名邮箱 |    幽默笑话 |    付款方式 | 

 

微软式导航菜单
发布时间 2010-03-27

效果预览

以下是代码片段:

<style>
.flyoutMenu {
    background-color: #F1F1F1;
    border-color: #999999;
    border-width: 0 1px 1px 0;
    border-style: solid;
}
.flyoutMenu TD.flyoutLink  {
    border-color: #F1F1F1;
    border-width: 1px;
    border-style: solid;
    font-family: Verdana,Arial;
    font-size: 70%;
    padding: 1px 25px 3px 6px;
    cursor: hand;
}
.flyoutLink a {
    color: black;
    text-decoration: none;
}
.flyoutLink a:hover {
    color: black;
    text-decoration: none;
}
.flyoutLink a:visited {
    color: black;
    text-decoration: none;
}
.flyoutLink a:active {
    color: black;
    text-decoration: none;
}
   
</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'
        }
}
function show(d){
    if(obj=document.all(d))    obj.style.display=""
}
function hide(d){
    if(obj=document.all(d))    obj.style.display="none"
}

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>

[ 点击数:] [打印本网页] [关闭本窗口]
  相关内容  
  查无记录  

      开户:农业银行宝山友谊支路行 开户:建设银行上海宝山团结路支行 开户:上海浦东发展银行宝山支行
      户名:黄能伟 户名:黄能伟    户名:黄能伟
      账号:9559 9800 3057 2120 514  账号:4367 4212 1620 4242 137   账号:9843 0301 0146 5200
       地址:上海市宝山区友谊支路304号    电话:02156607372   联系人:黄能伟   手机:13901838552
       Email: fengdi021@163.com   备案序号:沪ICP备11025785号                    网站管理