源码如下(演示地址是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>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">机构设置</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">办事指南</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">税种简介</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">财税动态</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">公车动态</a></li>
     <li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">上传专区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="j#">申请报名</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">查询系统</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">咨询投诉</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">满意调查</a></li>
     <li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">会计通知</a></li>
     <li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">政策法规查询</a></li>
     <li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">队伍建设</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">文明创建</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" target="_blank">青年论坛</a>&nbsp;&nbsp;|&nbsp;&nbsp;<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>&nbsp;</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)

解决方案 »

  1.   

    给二级栏目的a链接在加一个点击事件,如果点击了,那么他的mouseout的事件动作就不做了
      

  2.   

    不太明白,lz是要这个效果?<!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>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">机构设置</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">办事指南</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">税种简介</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">财税动态</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">公车动态</a></li>
         <li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">上传专区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="j#">申请报名</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">查询系统</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">咨询投诉</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">满意调查</a></li>
         <li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">会计通知</a></li>
         <li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">政策法规查询</a></li>
         <li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">队伍建设</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">文明创建</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" target="_blank">青年论坛</a>&nbsp;&nbsp;|&nbsp;&nbsp;<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>&nbsp;</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>
      

  3.   

    <!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" 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>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">机构设置</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">办事指南</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">税种简介</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">财税动态</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">公车动态</a></li>
         <li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">上传专区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="j#">申请报名</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">查询系统</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">咨询投诉</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">满意调查</a></li>
         <li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">会计通知</a></li>
         <li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">政策法规查询</a></li>
         <li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">队伍建设</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">文明创建</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" target="_blank">青年论坛</a>&nbsp;&nbsp;|&nbsp;&nbsp;<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>&nbsp;</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>
      

  4.   


    是啊,是要这个样子的,但是这个效果有个不喜欢的“毛病”,比如单击“政务公开”之后,标签背景会滑动回“财税首页”我希望的效果是,单击“政务公开”等标签之后,标签停留在点击的位置。(比如http://www.96kb.com/uploadfile/res/templet/cms/top.html)
      

  5.   

    添加一个onclick事件var def="1";
    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> 
      

  6.   

    好像都不行啊,源码下载地址是http://www.lanrentuku.com/js/d538.zip
    麻烦大大们帮看看
      

  7.   

    红字笔误,应该是==
    <!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>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">机构设置</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">办事指南</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">税种简介</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">财税动态</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">公车动态</a></li>
         <li style="padding-left:252px;" id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'><a href="#">下载专区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">上传专区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="j#">申请报名</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">查询系统</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">咨询投诉</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">满意调查</a></li>
         <li style="padding-left:362px;" id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'><a href="#">最新公告</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">会计通知</a></li>
         <li style="padding-left:474px;" id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'><a href="#">最新政策</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">政策法规查询</a></li>
         <li style="padding-left:447px;" id="s_6" class='s_li' onmouseover='mover(6);' onmouseout='mout(6);'><a href="#">税收宣传</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">队伍建设</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">文明创建</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" target="_blank">青年论坛</a>&nbsp;&nbsp;|&nbsp;&nbsp;<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>&nbsp;</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>
      

  8.   

    谢谢各位,谢谢toury,结贴!!
    这个帖子跟帖的,但是还没分的,可以去http://topic.csdn.net/u/20091019/18/425c90c8-4300-4082-b455-76eee1a7e675.html顶一下,顶完立结