日期:2014-05-16  浏览次数:20811 次

css 做导航点击后会跳动
本帖最后由 wealsh 于 2013-12-24 08:55:20 编辑
.menu{width:1002px;height:68px;margin:0px auto;overflow:hidden;background:url(../images/nv_a.gif) repeat-x; no-repeat 0 0 !important;}
/*padding-top:5px;*/
.menu_t{height:45px;line-height:40px;background:url(../images/menu_t1.png) right top no-repeat;}
.menu_t ul{padding-left:20px;}
/*导航热图片*/
.menu_t li{float:left;position:relative;height:45px;font-size:14px;font-weight:bold;width:96px;text-align:center;color:#fff;}
.menu_t li a{color:#fff;}
.menu_t li.m_on{background:url(../images/menu_on.png) no-repeat;color:#FFFF0A;}
.menu_t li.m_on a{color:#FFFF0A;}
/*二级导航字体*/
.menu_t li ul{width:600px;height:16px;line-height:60px;position:absolute;top:25px;left:0px;} 
.menu_t li ul li{float:left;padding:0px 20px;width:auto;}
.menu_t li ul li a{color:#fff;font-size:12px;font-weight:normal;}
.menu_t li ul.menuclass{display:none;}
.menu_t li#menu1 ul{margin-left:0px;}
.menu_t li#menu2 ul{margin-left:-100px;color:#737373}
.menu_t li#menu3 ul{margin-left:-200px;}
.menu_t li#menu4 ul{margin-left:-100px;}
.menu_t li#menu5 ul{margin-left:-100px;}
.menu_t li#menu6 ul{margin-left:-100px;}
.menu_t li#menu7 ul{margin-left:-100px;}
.menu_t li#menu8 ul{margin-left:-100px;}
.menu_t li#menu9 ul{margin-left:-200px;}
.menu_t li#menu10 ul{margin-left:-400px;}
.menu_t li#menu11 ul{margin-left:-300px;}


.menu_b{background: rgb(186,186,186);height:30px;line-height:16px;}
.menu_b li{float:left;padding:0px 20px;}
.menu_b li a{color:#B3FF00;}


鼠标在一级导航上移动时那个焦点图正常,但单击上图的任意一个菜单后 焦点图都会跳到 “新闻中心”(如下图示),如何在点击动作后这个焦点图不跑?包括点击二级导航时也一样。谢谢。





以下是 js 代码:

<script type="text/javascript">
$(function(){ 
$("#menutype > li").eq(1).addClass("m_on");
$("#menutype > li").eq(1).children("ul").show();
$("#menutype > li").hover(function(){
            $("#menutype > li >ul").hide();
  $("#menutype > li").removeClass("m_on");
            $(this).children("ul").show();  
$(this).addClass("m_on");                  
          },
      function(){
  
            $(this).children("ul").show();  
$(this).addClass("m_on");   

               }) ;
   
     })
 
</script>


menu_fun.js:

function openurl(url) {
window.open(url, "", "location=yes,toolbar=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes, resizable=yes,copyhistory=yes");
}

function secCard(secTable, n, SelectCss, NormalCss)
  {
  if(n==1)
  {