 |
热门文章 |
|
|
|
|
| 政府网站常用的蓝色二级导航菜单 |
| 来源：中国站长天空 更新时间：2009/12/24 23:32:29 阅读次数： 我要投稿 |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>政府网站常用的蓝色二级导航菜单</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
BODY {
COLOR: #313131;
text-align:center;
font-size:12px;
MARGIN: 0px;
line-height: 20px;
background-color:#FFFFFF;
}
td {
color:#313131;
font-size:12px;
line-height: 20px;
}
.menu a{
font-size:14px;
color:#ffffff;
font-weight:bold;
line-height:28px;
display:block;
text-decoration:none;
background: no-repeat center;
}
.menu a:hover{
height:38px;
padding-top:7px;
background-image: url(http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081114014347.jpg);
}
.menu a:active {
height:38px;
padding-top:7px;
background-image: url(http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081114014347.jpg);
}
.border {
BORDER-RIGHT: #7dabd5 1px solid;
BORDER-TOP: #7dabd5 1px solid;
BORDER-LEFT: #7dabd5 1px solid;
BORDER-BOTTOM: #7dabd5 1px solid
}
ul {
margin:0px;
}
.date {
color:#313131
}/**日期颜色**/
/*顶部 2级导航*/
a.navm {
color: #333333;
text-decoration: none
}
a.navm:hover {
color: #FF0000;
text-decoration: none
}
</style>
<script language="javascript">
function show(aa,bb,cc)
{
document.all.div1.style.display="none";
document.all.div2.style.display="none";
document.all.div3.style.display="none";
document.all.div4.style.display="none";
document.all.div5.style.display="none";
document.all.div6.style.display="none";
document.all.div7.style.display="none";
document.all.div8.style.display="none";
document.all.div9.style.display="none";
document.all.div10.style.display="none";
document.all.div11.style.display="none";
document.all.nav1.background="";
document.all.nav2.background="";
document.all.nav3.background="";
document.all.nav4.background="";
document.all.nav5.background="";
document.all.nav6.background="";
document.all.nav7.background="";
document.all.nav8.background="";
document.all.nav9.background="";
document.all.nav10.background="";
document.all.nav11.background="";
document.all.words1.style.color="";
document.all.words2.style.color="";
document.all.words3.style.color="";
document.all.words4.style.color="";
document.all.words5.style.color="";
document.all.words6.style.color="";
document.all.words7.style.color="";
document.all.words8.style.color="";
document.all.words9.style.color="";
document.all.words10.style.color="";
document.all.words11.style.color="";
aa.style.display="block";
bb.background="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081114014347.jpg";
cc.style.color="#07528B";
}
</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<TABLE border="0" cellSpacing="0" cellPadding="0" width="1002" height="73">
<TBODY>
<TR>
<TD height="38" vAlign="bottom" background="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081114014332.jpg" align="middle">
<TABLE border="0" cellSpacing="0" cellPadding="0" width="924" align="center" height="38">
<TBODY>
<TR>
<TD id="nav1" class="menu" onmouseover="show(div1,nav1,words1)" width="84" align="middle"><A href="#"><SPAN id="words1">首 页</SPAN></A></TD>
<TD id="nav2" class="menu" onmouseover="show(div1,nav2,words2)" width="84" align="middle"><A href="#"><SPAN id="words2">领导介绍</SPAN></A></TD>
<TD id="nav3" class="menu" onmouseover="show(div1,nav3,words3)" width="84" align="middle"><A href="#"><SPAN id="words3">机构设置</SPAN></A></TD>
<TD id="nav4" class="menu" onmouseover="show(div4,nav4,words4)" width="84" align="middle"><A href="#"><SPAN id="words4">信息公开</SPAN></A></TD>
<TD id="nav5" class="menu" onmouseover="show(div5,nav5,words5)" width="84" align="middle"><A href="#"><SPAN id="words5">政策法规</SPAN></A></TD>
<TD id="nav6" class="menu" onmouseover="show(div6,nav6,words6)" width="84" align="middle"><A href="#"><SPAN id="words6">办事指南</SPAN></A></TD>
<TD id="nav7" class="menu" onmouseover="show(div7,nav7,words7)" width="84" align="middle"><A href="#"><SPAN id="words7">咨询投诉</SPAN></A></TD>
<TD id="nav8" class="menu" onmouseover="show(div8,nav8,words8)" width="84" align="middle"><A href="#"><SPAN id="words8">工商动态</SPAN></A></TD>
<TD id="nav9" class="menu" onmouseover="show(div9,nav9,words9)" width="84" align="middle"><A href="#"><SPAN id="words9">企业信用</SPAN></A></TD>
<TD id="nav10" class="menu" onmouseover="show(div10,nav10,words10)" width="84" align="middle"><A href="#"><SPAN id="words10">消费指南</SPAN></A></TD>
<TD id="nav11" class="menu" onmouseover="show(div11,nav11,words11)" width="84" align="middle"><A href="#"><SPAN id="words11">个民协服务</SPAN></A></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD height="35" background="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081114014311.jpg" align="middle">
<DIV style="TEXT-ALIGN: left; DISPLAY: block" id="div1">
<script language="JavaScript">
<!-- Begin
Stamp = new Date();
document.write('<font size:"9pt" face="Arial"><B>' + Stamp.getYear() + "年"+ (Stamp.getMonth() + 1) +"月"+Stamp.getDate()+"日"+" " +'</B></font>');
var Hours;
var Mins;
var Time;
Hours = Stamp.getHours();
if (Hours >= 12) {
Time = " 下午";
}
else {
Time = " 上午";
}
if (Hours > 12) {
Hours -= 12;
}
if (Hours == 0) {
Hours = 12;
}
Mins = Stamp.getMinutes();
if (Mins < 10) {
Mins = "0" + Mins;
}
document.write('<font size:"9pt" face="Arial"><B>' + Hours + ":" + Mins + Time + '</B></font>');
// End -->
</script>
</DIV>
<DIV style="PADDING-RIGHT: 300px; DISPLAY: none" id="div2"></DIV>
<DIV style="DISPLAY: none" id="div3"></DIV>
<DIV style="PADDING-RIGHT: 100px; DISPLAY: none" id="div4">·<A class="navm" href="4">信息公开指南</A>
·<A class="navm" href="4">信息公开目录</A>
·<A class="navm" href="4">信息公开申请</A> ·<A class="navm" href="4">政务公告</A></DIV>
<DIV style="PADDING-LEFT: 80px; DISPLAY: none" id="div5">·<A class="navm" href="5">国家法律</A> ·<A class="navm" href="5">国家法规</A> ·<A class="navm" href="5">地方法规</A> ·<A class="navm" href="5">司法解释</A> ·<A class="navm" href="5">规章及规范性文件</A></DIV>
<DIV style="PADDING-LEFT: 200px; DISPLAY: none" id="div6">·<A class="navm" href="6">企业、个体登记</A> ·<A class="navm" href="6">广告管理</A> ·<A class="navm" href="6">合同管理</A> ·<A class="navm" href="6">商标管理</A> ·<A class="navm" href="6">食品检测公示</A> ·<A class="navm" href="6">市场管理</A> ·<A class="navm" href="6">格式条款公示公告</A> ·<A class="navm" href="6">表格下载</A></DIV>
<DIV style="PADDING-LEFT: 400px; DISPLAY: none" id="div7">·<A class="navm" href="7">在线咨询</A> ·<A class="navm" href="7">局长信箱</A> ·<A class="navm" href="7">12315投诉</A> ·<A class="navm" href="7">行政效能投诉</A> ·<A class="navm" href="7">经济违法案件举报</A></DIV>
<DIV style="TEXT-ALIGN: right; PADDING-RIGHT: 250px; DISPLAY: none" id="div8"></DIV>
<DIV style="TEXT-ALIGN: right; PADDING-RIGHT: 130px; DISPLAY: none" id="div9">·<A class="navm" href="9">信用知识</A> ·<A class="navm" href="9">信用预警</A> ·<A class="navm" href="9">优秀信用企业公示</A></DIV>
<DIV style="TEXT-ALIGN: right; PADDING-RIGHT: 40px; DISPLAY: none" id="div10">·<A class="navm" href="10">消费指导</A> ·<A class="navm" href="10">消费警示
</A>·<A class="navm" href="10">维权案例</A> ·<A class="navm" href="10">食品安全</A></DIV>
<DIV style="TEXT-ALIGN: right; PADDING-RIGHT: 40px; DISPLAY: none" id="div11"></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html> |
| 特效说明： |
政府网站常用的蓝色二级导航菜单
用到的图片：
|
|
| 上一篇文章： 横向和竖向联动的选项卡菜单下一篇文章： 简洁漂亮且附带提示的二级导航菜单 |
|
|
|
注册 登录
