日期:2014-05-17  浏览次数:20561 次

网页头部导航 下拉菜单效果显示
弄了一天了,头昏眼花,一会让做PPT,一会让我开会,一会让我做汇报。
今天要把这个下拉菜单弄好,各位帮帮忙,我弄大半天没弄好。。。呜呜~~~
现在那个导航菜单布局好了,但是怎么能让它鼠标移上去就显示子菜单呢??
请各位帮我改改代码。。。
这是页面:
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<link href="sys.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
.STYLE1 {    color: #FFFFCC;
    line-height: 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.zt {font-size: 12px;
    line-height: 20px;
    color: #003399;
    text-decoration: none;
}
.pagelist li{ float:left; margin-right:3px; list-style-type:none; } 
-->

.clearfix:after{display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.menu{background:url(../images/bg_2.gif) repeat-x; height:39px;}
.menusel{ float:left; position:relative;}
.menusel h2{ font-size:14px; font-weight:normal;}
.menusel a{text-align:center; width:130px; position:relative; z-index:2;}

.menusel a:hover ul li a{ display:block; background-color:#FFFFCC; color:#0000FF;}

.position{
    position:absolute;
    z-index:1;
}
.menusel ul{width:130px; background:#608ab3;margin-top: -1px; position:relative; z-index:1; display:none;}
.menusel .block{ display:block;}
.typeul li{border-bottom:1px solid #fff;width:124px; position:relative; float:left; height:25px; line-height:25px; padding-left:6px;}
.typeul{  margin-left:0;  }
.typeul ul{left:100px; top:0; position:absolute;}
.fli{ margin-top:1px;}
.menusel .lli{ border:none; }

</style>
</head>

<body>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" class="bai1">
  <tr>
    <td width="137" align="left" valign="top"><table width="150" height="22" border="0" cellpadding="0" cellspacing="0" class="STYLE1">
      <tr>
        <td width="163" height="26" align="left" valign="middle"><font color="#ffffff"">
          <script language="JavaScript" type="text/javascript" class="zt">
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myyear= mydate.getYear();
year=(myyear > 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);
      </script>
        </font></td>
      </tr>
    </table></td>
    <td>
    <table width="100%" border="0">
  <tr>
              ##form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST"