我这里测试不了 我是做jsp的.不好意思.

解决方案 »

  1.   

    在网上下的一段代码可以
    <style type="text/css">  
    *{margin:0;padding:0;border:0;} 
     
    .nav{position:relative;z-index:100;
         line-height: 29px; list-style-type: none; 
         background:#666; 
    }
      
    .nav a{
         display: block;
    width: 100px;
    text-align:center;
    height: 29px;
    }   .nav a:link { 
    color:#FFFFFF; text-decoration:none; 

    .nav a:visited { 
    color:#CCCCCC;text-decoration:none; 

    .nav a:hover { 
    color:#FFF;text-decoration:none;font-weight:bold; 
    }  
     
    .nav li {float:left;position:relative;width:100px;
    background-image: url(images/01.jpg);
    } .nav li a:hover{
    background-image: url(images/01.jpg);

    .nav li ul { 
    line-height: 25px; list-style-type: none;text-align:left; 
    left: -999em; width: 120px; position: absolute; 
    }
      
    /*层全部显示*/
    .nav ul ul {visibility:hidden;position:absolute;left:3px;top:25px;}   
    /*层的上边距*/
    .nav table {position:absolute; top:5px; left:0;}   
    .nav ul li:hover ul,   
    .nav ul a:hover ul{visibility:visible;}   .nav li ul li{
    float: left;
    width: 120px;
    background:#edf8ff;
    }.nav li ul a{ wedisplay: block; width: 96px;text-align:left;padding-left:24px; 

    .nav li ul a:link { 
    color:#0783DF; text-decoration:none; 

    .nav li ul a:visited { 
    color:#0783DF;text-decoration:none; 

    .nav li ul a:hover { 
    color:#F3F3F3;text-decoration:none;font-weight:normal; 
    background:#36A9FF; 

    .nav li:hover ul { 
    left: auto;
    top: auto;
    right: auto;
    bottom: auto; 

    .nav li.sfhover ul { 
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;

    #sublink01 {
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #5292C1;
    border-bottom-color: #93BEDC;
    border-left-color: #93BEDC;
    height: 25px;
    }
    #sublink02 {
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #5292C1;
    height: 25px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #93BEDC;
    }
    .nav #sublink03 {
    background-image: url(images/menuBackground.gif);
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #5292C1;
    border-bottom-color: #5292C1;
    border-left-color: #93BEDC;
    height: 12px;
    width: 120px;
    }#top {
    height: 86px;
    width: 100%;
    background-image: url(images/top02.jpg);
    }
    #top01 {
    background-image: url(images/top01.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 86px;
    width: 343px;
    float:left
    }
    #top03 {
    float: right;
    height: 20px;
    width: 150px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    overflow: hidden;
    }
    #style01 {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color: #800000;
    text-decoration: none;
    }
    #top02 {
    font-size: 12px;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
    float: right;
    height: 20px;
    width: 150px;
    margin: 10px;
    line-height: 20px;
    text-align: center;
    }
    #style03 {
    color: #164FA2;
    text-decoration: none;
    }
    #tab02 {
    width: 968px;
    height: 29px;
    }
    #tab {
    background-image: url(images/rootMenuBackground.gif);
    height: 29px;
    width: 100%;
    }
    </style>  <div id="tab">
    <div class="nav"><ul> 
    <li><a href="#">信息管理<!--[if IE 7]><!--></a><!--<![endif]-->  
    <!--[if lte IE 6]><table><tr><td><![endif]--> 
    <ul> 
    <li id="sublink01"><a href="newsAdd.php">增加详细信息</a></li> 
    <li id="sublink02"><a href="newsInfo.php">资讯信息管理</a></li> 
    <li id="sublink03"></li> 
    </ul> 
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->  
    </li> <li><a href="#">发布商机信息 
     <!--[if IE 7]><!--></a><!--<![endif]-->  
     <!--[if lte IE 6]><table><tr><td><![endif]-->  
    <ul> 
    <li id="sublink01"><a href="productSell.php" >发布供应信息</a></li> 
    <li id="sublink01"><a href="productBuy.php">发布求购信息</a></li> 
    <li id="sublink02"><a href="sellInfo.php">管理供求信息</a></li> 
    <li id="sublink03"></li> 
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->   
    </li> 
    <li><a href="#">产品展示管理 
    <!--[if IE 7]><!--></a><!--<![endif]-->  
    <!--[if lte IE 6]><table><tr><td><![endif]-->  
    <ul> 
    <li id="sublink01"><a href="productAdd.php">发布产品</a></li> 
    <li id="sublink01"><a href="productInfo.php">管理产品</a></li> 
    <li id="sublink02"><a href="userClass.php">管理产品系列</a></li> 
    <li id="sublink03"></li> 
    </ul> 
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->  
    </li> 
    <li><a href="#">自助多媒体商刊
    <!--[if IE 7]><!--></a><!--<![endif]-->  
    <!--[if lte IE 6]><table><tr><td><![endif]-->  
    <ul> 
    <li id="sublink01"><a href="bookAdd1.php">商刊生成向导</a></li> 
    <li id="sublink01"><a href="userBookAll.php">商刊管理</a></li> 
    <li id="sublink01"><a href="newsTj.php">商刊资讯管理</a></li> 
    <li id="sublink02"><a href="shenqing.php">申请EXE商刊</a></li> 
    <li id="sublink03"></li>
    </ul> 
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->  
    </li> 
    <li><a href="#">自助WEB网站 
    <!--[if IE 7]><!--></a><!--<![endif]-->  
    <!--[if lte IE 6]><table><tr><td><![endif]-->  
    <ul> 
    <li id="sublink01"><a href="userWeb.php">网站内容管理</a></li> 
    <li id="sublink01"><a href="show.php?action=map">动态地图管理</a></li> 
    <li id="sublink01"><a href="../web/?userName=<?=$userName?>" target="_blank">访问我的网站</a></li> 
    <li id="sublink01"><a href="#">网站主题风格</a></li> 
    <li id="sublink02"><a href="linkInfo.php">网站友情连接</a></li> 
    <li id="sublink03"></li>
    </ul> 
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->  
    </li> 
    <li><a href="#">查看商业反馈 
    <!--[if IE 7]><!--></a><!--<![endif]-->  
    <!--[if lte IE 6]><table><tr><td><![endif]-->  
    <ul> 
    <li id="sublink01"><a href="liuyanInfo.php">查看留言</a></li> 
    <li id="sublink01"><a href="userMailInfo.php">查看邮件推荐</a></li> 
    <li id="sublink02"><a href="userCountInfo.php">我的访问者</a></li>  
    <li id="sublink03"></li>
    </ul> 
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->  
    </li>
    <li><a href="#">会员资料管理 
    <!--[if IE 7]><!--></a><!--<![endif]-->  
    <!--[if lte IE 6]><table><tr><td><![endif]-->  
    <ul> 
    <li id="sublink01"><a href="userPwd.php">修改用户密码</a></li> 
    <li id="sublink01"><a href="userEmail.php">修改用户邮箱</a></li> 
    <li id="sublink02"><a href="userType.php">修改用户类型</a></li>  
    <li id="sublink02"><a href="userInfo.php">完善用户信息</a></li>  
    <li id="sublink03"></li>
    </ul> 
    <!--[if lte IE 6]></td></tr></table></a><![endif]--> 
    </li>
    <li><a href="#">我的公文包
    <!--[if IE 7]><!--></a><!--<![endif]-->  
    <!--[if lte IE 6]><table><tr><td><![endif]-->  
    <ul> 
    <li id="sublink01"><a href="userSz.php">收藏夹管理</a></li> 
    <li id="sublink02"><a href="#">杂志订阅</a></li>  
    <li id="sublink03"></li>
    </ul> 
    <!--[if lte IE 6]></td></tr></table></a><![endif]--> 
    </li>
    <li><a href="#">帮助中心
    <!--[if IE 7]><!--></a><!--<![endif]-->  
    <!--[if lte IE 6]><table><tr><td><![endif]--> 
    <ul> 
    <li id="sublink01"><a href="#" target="_blank">创建网站教程</a></li> 
    <li id="sublink01"><a href="#">创建刊物教程</a></li>
    <li id="sublink01"><a href="help.htm">常见客户疑问</a></li>
    <li id="sublink02"><a href="#">我的问题反馈</a></li>  
    <li id="sublink03"></li>
    </ul> 
    <!--[if lte IE 6]></td></tr></table></a><![endif]--> 
    </li>
    </ul>
    </div>
    </div>