源码如下(演示地址是http://www.lanrentuku.com/down/js/daohang-538/) <!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" />
<meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为可跳转回首页的CSS二级联动菜单,属于站长常用代码,更多菜单导航代码请访问懒人图库JS代码频道。" />
<title>可跳转回首页的CSS二级联动菜单_懒人图库</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script>
//初始化
var def="1";
function mover(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li_a";
//初始主菜单先隐藏效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="block";
//初始子菜单先隐藏效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="none";
}
}function mout(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li";
//初始主菜单还原效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li_a";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="none";
//初始子菜单还原效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="block";
}
}
</script>
</head>
<body>
<div id="menu">
<ul>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_1" class='m_li_a'><a href="#">财税首页</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_2" class='m_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#">政务公开</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_3" class='m_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">网上办事</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_4" class='m_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">公告中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_5" class='m_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">法规中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_6" class='m_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">财税文化</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_7" class='m_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#">专题宣传</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
</ul>
</div>
<div style="height:32px; background-color:#F1F1F1;">
<ul class="smenu">
<li style="padding-left:29px;" id="s_1" class='s_li_a'>欢迎光临乐清财税网,您是本站第2842位客人!</li>
<li style="padding-left:141px;" id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#">财税简介</a> | <a href="#">机构设置</a> | <a href="#">办事指南</a> | <a href="#">税种简介</a> | <a href="#">财税动态</a> | <a href="#">公车动态</a></li>
<li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a> | <a href="#">上传专区</a> | <a href="j#">申请报名</a> | <a href="#">查询系统</a> | <a href="#">咨询投诉</a> | <a href="#">满意调查</a></li>
<li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a> | <a href="#">会计通知</a></li>
<li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a> | <a href="#">政策法规查询</a></li>
<li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a> | <a href="#">队伍建设</a> | <a href="#">文明创建</a> | <a href="#" target="_blank">青年论坛</a> | <a href="#">廉政课堂</a></li>
<li style="padding-left:696px;" id="s_7" class='s_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#">专题宣传区</a></li>
</ul>
</div>
<p> </p>
<p align="center">代码整理:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> </p>
<p align="center">*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p align="center"></p>
<table width="728" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><p>鼠标移开菜单后,可自动跳转回首页状态。推荐!</p></div></td>
</tr>
</table>
<p align="center"></p>
</body>
</html>想实现:鼠标点击某标签后(比如“政务公开”),标签切换,背景图片会停留再该标签上 (效果如:http://www.96kb.com/uploadfile/res/templet/cms/top.html)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为可跳转回首页的CSS二级联动菜单,属于站长常用代码,更多菜单导航代码请访问懒人图库JS代码频道。" />
<title>可跳转回首页的CSS二级联动菜单_懒人图库</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script>
//初始化
var def="1";
function mover(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li_a";
//初始主菜单先隐藏效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="block";
//初始子菜单先隐藏效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="none";
}
}function mout(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li";
//初始主菜单还原效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li_a";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="none";
//初始子菜单还原效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="block";
}
}
</script>
</head>
<body>
<div id="menu">
<ul>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_1" class='m_li_a'><a href="#">财税首页</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_2" class='m_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#">政务公开</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_3" class='m_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">网上办事</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_4" class='m_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">公告中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_5" class='m_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">法规中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_6" class='m_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">财税文化</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_7" class='m_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#">专题宣传</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
</ul>
</div>
<div style="height:32px; background-color:#F1F1F1;">
<ul class="smenu">
<li style="padding-left:29px;" id="s_1" class='s_li_a'>欢迎光临乐清财税网,您是本站第2842位客人!</li>
<li style="padding-left:141px;" id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#">财税简介</a> | <a href="#">机构设置</a> | <a href="#">办事指南</a> | <a href="#">税种简介</a> | <a href="#">财税动态</a> | <a href="#">公车动态</a></li>
<li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a> | <a href="#">上传专区</a> | <a href="j#">申请报名</a> | <a href="#">查询系统</a> | <a href="#">咨询投诉</a> | <a href="#">满意调查</a></li>
<li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a> | <a href="#">会计通知</a></li>
<li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a> | <a href="#">政策法规查询</a></li>
<li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a> | <a href="#">队伍建设</a> | <a href="#">文明创建</a> | <a href="#" target="_blank">青年论坛</a> | <a href="#">廉政课堂</a></li>
<li style="padding-left:696px;" id="s_7" class='s_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#">专题宣传区</a></li>
</ul>
</div>
<p> </p>
<p align="center">代码整理:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> </p>
<p align="center">*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p align="center"></p>
<table width="728" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><p>鼠标移开菜单后,可自动跳转回首页状态。推荐!</p></div></td>
</tr>
</table>
<p align="center"></p>
</body>
</html>想实现:鼠标点击某标签后(比如“政务公开”),标签切换,背景图片会停留再该标签上 (效果如:http://www.96kb.com/uploadfile/res/templet/cms/top.html)
解决方案 »
- index.html中调用了99个js 1到99.火狐httpfox抓包看到100个js 1到100 我怎么查看100.js是从从哪个js中引用的?
- javascript数组问题求救
- 客户端访问不到服务器上的url路径
- 这个超级链接怎么写
- jQuery 关于JQuery的选择问题?
- js文件最后加载如何实现【csdn的高人进来】
- window.open()出现问题,请高手看看
- javascript里有没有这样的触发事件
- 没分了,但是还得问,请大家帮忙:怎样自动检测如果当前页没有被设置为首页,则在关闭ie的时候自动弹出提示窗口,怎么作?
- @@@@@@@@@@@@@@ 怎样实现取消表单的提交?
- 请教个学习JS的问题
- 如何制作滑动焦点广告图片?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为可跳转回首页的CSS二级联动菜单,属于站长常用代码,更多菜单导航代码请访问懒人图库JS代码频道。" />
<title>可跳转回首页的CSS二级联动菜单_懒人图库</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script>
//初始化
var def="1";
function mover(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li_a";
//初始主菜单先隐藏效果
if(def!=0){
//var mdef=document.getElementById("m_"+def);
//mdef.className="m_li";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="block";
//初始子菜单先隐藏效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="none";
}
}function mout(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li";
//初始主菜单还原效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li_a";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="none";
//初始子菜单还原效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="block";
}
}
</script>
</head>
<body>
<div id="menu">
<ul>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_1" class='m_li_a'><a href="#">财税首页</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_2" class='m_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#">政务公开</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_3" class='m_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">网上办事</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_4" class='m_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">公告中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_5" class='m_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">法规中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_6" class='m_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">财税文化</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_7" class='m_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#">专题宣传</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
</ul>
</div>
<div style="height:32px; background-color:#F1F1F1;">
<ul class="smenu">
<li style="padding-left:29px;" id="s_1" class='s_li_a'>欢迎光临乐清财税网,您是本站第2842位客人!</li>
<li style="padding-left:141px;" id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#">财税简介</a> | <a href="#">机构设置</a> | <a href="#">办事指南</a> | <a href="#">税种简介</a> | <a href="#">财税动态</a> | <a href="#">公车动态</a></li>
<li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a> | <a href="#">上传专区</a> | <a href="j#">申请报名</a> | <a href="#">查询系统</a> | <a href="#">咨询投诉</a> | <a href="#">满意调查</a></li>
<li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a> | <a href="#">会计通知</a></li>
<li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a> | <a href="#">政策法规查询</a></li>
<li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a> | <a href="#">队伍建设</a> | <a href="#">文明创建</a> | <a href="#" target="_blank">青年论坛</a> | <a href="#">廉政课堂</a></li>
<li style="padding-left:696px;" id="s_7" class='s_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#">专题宣传区</a></li>
</ul>
</div>
<p> </p>
<p align="center">代码整理:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> </p>
<p align="center">*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p align="center"></p>
<table width="728" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><p>鼠标移开菜单后,可自动跳转回首页状态。推荐!</p></div></td>
</tr>
</table>
<p align="center"></p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为可跳转回首页的CSS二级联动菜单,属于站长常用代码,更多菜单导航代码请访问懒人图库JS代码频道。" />
<title>可跳转回首页的CSS二级联动菜单_懒人图库</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<script>
var clickedmnu=1;//定义一个全局点击的菜单变量
//初始化
var def="1";
function mover(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li_a";
//初始主菜单先隐藏效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="block";
//初始子菜单先隐藏效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="none";
}
}function mout(object){
//主菜单
if(object=clickedmnu){return;}
var mm=document.getElementById("m_"+object);
mm.className="m_li";
//初始主菜单还原效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li_a";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="none";
//初始子菜单还原效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="block";
}
}
</script>
</head>
<body>
<div id=aaa></div>
<div id="menu">
<ul>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_1" class='m_li_a'><a href="#">财税首页</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_2" class='m_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#" onclick="clickedmnu=2">政务公开</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_3" class='m_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#" onclick="clickedmnu=3">网上办事</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_4" class='m_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#" onclick="clickedmnu=4">公告中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_5" class='m_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#" onclick="clickedmnu=5">法规中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_6" class='m_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#" onclick="clickedmnu=6">财税文化</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_7" class='m_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#" onclick="clickedmnu=7">专题宣传</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
</ul>
</div>
<div style="height:32px; background-color:#F1F1F1;">
<ul class="smenu">
<li style="padding-left:29px;" id="s_1" class='s_li_a'>欢迎光临乐清财税网,您是本站第2842位客人!</li>
<li style="padding-left:141px;" id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#">财税简介</a> | <a href="#">机构设置</a> | <a href="#">办事指南</a> | <a href="#">税种简介</a> | <a href="#">财税动态</a> | <a href="#">公车动态</a></li>
<li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a> | <a href="#">上传专区</a> | <a href="j#">申请报名</a> | <a href="#">查询系统</a> | <a href="#">咨询投诉</a> | <a href="#">满意调查</a></li>
<li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a> | <a href="#">会计通知</a></li>
<li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a> | <a href="#">政策法规查询</a></li>
<li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a> | <a href="#">队伍建设</a> | <a href="#">文明创建</a> | <a href="#" target="_blank">青年论坛</a> | <a href="#">廉政课堂</a></li>
<li style="padding-left:696px;" id="s_7" class='s_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#">专题宣传区</a></li>
</ul>
</div>
<p> </p>
<p align="center">代码整理:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> </p>
<p align="center">*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p align="center"></p>
<table width="728" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><p>鼠标移开菜单后,可自动跳转回首页状态。推荐!</p></div></td>
</tr>
</table>
<p align="center"></p>
</body>
</html>
是啊,是要这个样子的,但是这个效果有个不喜欢的“毛病”,比如单击“政务公开”之后,标签背景会滑动回“财税首页”我希望的效果是,单击“政务公开”等标签之后,标签停留在点击的位置。(比如http://www.96kb.com/uploadfile/res/templet/cms/top.html)
function click(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li_a";
//初始主菜单先隐藏效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="block";
//初始子菜单先隐藏效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="none";
}
def = object;
}<li id="m_2" class='m_li' onmouseover='mover(2);' onmouseout='mout(2);' onclick="click(2)"> <a href="#" onclick="clickedmnu=2">政务公开 </a> </li>
麻烦大大们帮看看
<!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" />
<meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为可跳转回首页的CSS二级联动菜单,属于站长常用代码,更多菜单导航代码请访问懒人图库JS代码频道。" />
<title>可跳转回首页的CSS二级联动菜单_懒人图库</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script>
var clickedmnu=1;//定义一个全局点击的菜单变量
//初始化
var def="1";
function mover(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li_a";
//初始主菜单先隐藏效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="block";
//初始子菜单先隐藏效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="none";
}
}function mout(object){
//主菜单
if(object==clickedmnu){return;}
var mm=document.getElementById("m_"+object);
mm.className="m_li";
//初始主菜单还原效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li_a";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="none";
//初始子菜单还原效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="block";
}
}
</script>
</head>
<body>
<div id="menu">
<ul>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_1" class='m_li_a' onmousedown="clickedmnu=1"><a href="#">财税首页</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_2" class='m_li' onmouseover='mover(2);' onmouseout='mout(2);' onmousedown="clickedmnu=2"><a href="#">政务公开</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_3" class='m_li' onmouseover='mover(3);' onmouseout='mout(3);' onmousedown="clickedmnu=3"><a href="#">网上办事</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_4" class='m_li' onmouseover='mover(4);' onmouseout='mout(4);' onmousedown="clickedmnu=4"><a href="#">公告中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_5" class='m_li' onmouseover='mover(5);' onmouseout='mout(5);' onmousedown="clickedmnu=5"><a href="#">法规中心</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_6" class='m_li' onmouseover='mover(6);' onmouseout='mout(6);' onmousedown="clickedmnu=6"><a href="#">财税文化</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
<li id="m_7" class='m_li' onmouseover='mover(7);' onmouseout='mout(7);' onmousedown="clickedmnu=7"><a href="#">专题宣传</a></li>
<li class="m_line"><img src="images/line1.gif" /></li>
</ul>
</div>
<div style="height:32px; background-color:#F1F1F1;">
<ul class="smenu">
<li style="padding-left:29px;" id="s_1" class='s_li_a'>欢迎光临乐清财税网,您是本站第2842位客人!</li>
<li style="padding-left:141px;" id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#">财税简介</a> | <a href="#">机构设置</a> | <a href="#">办事指南</a> | <a href="#">税种简介</a> | <a href="#">财税动态</a> | <a href="#">公车动态</a></li>
<li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a> | <a href="#">上传专区</a> | <a href="j#">申请报名</a> | <a href="#">查询系统</a> | <a href="#">咨询投诉</a> | <a href="#">满意调查</a></li>
<li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a> | <a href="#">会计通知</a></li>
<li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a> | <a href="#">政策法规查询</a></li>
<li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a> | <a href="#">队伍建设</a> | <a href="#">文明创建</a> | <a href="#" target="_blank">青年论坛</a> | <a href="#">廉政课堂</a></li>
<li style="padding-left:696px;" id="s_7" class='s_li' onmouseover='mover(7);' onmouseout='mout(7);'><a href="#">专题宣传区</a></li>
</ul>
</div>
<p> </p>
<p align="center">代码整理:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> </p>
<p align="center">*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p align="center"></p>
<table width="728" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><p>鼠标移开菜单后,可自动跳转回首页状态。推荐!</p></div></td>
</tr>
</table>
<p align="center"></p>
</body>
</html>
这个帖子跟帖的,但是还没分的,可以去http://topic.csdn.net/u/20091019/18/425c90c8-4300-4082-b455-76eee1a7e675.html顶一下,顶完立结