网页头部导航 下拉菜单效果显示,该如何解决
日期：2014-05-17 浏览次数：20623 次
网页头部导航 下拉菜单效果显示
弄了一天了，头昏眼花，一会让做PPT，一会让我开会，一会让我做汇报。
今天要把这个下拉菜单弄好，各位帮帮忙，我弄大半天没弄好。。。呜呜~~~
现在那个导航菜单布局好了，但是怎么能让它鼠标移上去就显示子菜单呢？？
请各位帮我改改代码。。。
这是页面：
弄了一天了，头昏眼花，一会让做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"
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
