导航菜单上滑动显示的下拉菜单滑到下拉菜单上总是闪的问题,听说是死循环的问题,问下解决方法
<div class="nav">
<ul class="nav_ul">
<li class="nav_li nav_home"><a href="#" class=" nav_em" ></a></li>
                 <li class="nav_li nav_line"><a href="#"></a></li>
                  <li class="nav_li nav_homepage"><a href="#" class=" nav_em"></a></li>
                 <li class="nav_li nav_line"><a href="#"></a></li>
                  <li class="nav_li nav_haoyou"><a href="#" class="nav_em"></a>
<div  class="haoyou_list" style="display:none"><ul>
<li><a href="#">我的好友</a></li>
<li><a href="#">寻找玩家</a></li>
<li><a href="#">邀请好友</a></li></ul></div></li>
                 <li class="nav_li nav_line"><a href="#"></a></li>
                 <li class="nav_li nav_apply"><a href="#" class="nav_em"></a>
  <div  class="haoyou_list" style="display:none"><ul>
<li><a href="#">晒游历</a></li>
<li><a href="#">玩游戏</a></li>
<li><a href="#">找玩家</a></li>
<li><a href="#">团点卡</a></li>
<li><a href="#">团豆商城</a></li>
<li><a href="#">相册</a></li>
<li><a href="#">16768游戏</a></li></ul></div></li></ul>
  <div class="clear"></div>
</div>
$(document).ready(function () {
  //好友
  $(".nav_haoyou a").mouseover(function () {
    $(".nav_haoyou .haoyou_list").css("display", "block");
$(".nav_haoyou > a").css("background","url(content/images/nav_haoyou.png)");
$(".nav_haoyou > a").css("width","120px");
$(".nav_haoyou > a").css("height","39px")
  }).mouseout(function () {
    $(".nav_haoyou .haoyou_list").css("display", "none");
$(".nav_haoyou > a").css("background","url(content/images/nav_haoyou_1.gif)");  });  $(".nav_haoyou .haoyou_list").mouseover(function () {
    $(this).css("display", "block");
$(".nav_haoyou > a").css("background","url(content/images/nav_haoyou.png)");
$(".nav_haoyou > a").css("width","120px");
$(".nav_haoyou > a").css("height","39px")
  }).mouseout(function () {
    $(this).css("display", "none");
$(".nav_haoyou > a").css("background","url(content/images/nav_haoyou_1.gif)");  });  //应用
  $(".nav_apply a").mouseover(function () {
    $(".nav_apply .haoyou_list").css("display", "block");
$(".nav_apply > a").css("background","url(content/images/nav_yingyong.png)");
$(".nav_apply > a").css("width","120px");
$(".nav_apply > a").css("height","39px")  }).mouseout(function () {
    $(".nav_apply .haoyou_list").css("display", "none");
$(".nav_apply > a").css("background","url(content/images/nav_yingyong_1.gif)");  });  $(".nav_apply .haoyou_list").mouseover(function () {
    $(this).css("display", "block");
$(".nav_apply > a").css("background","url(content/images/nav_yingyong.png)");
$(".nav_apply > a").css("width","120px");
$(".nav_apply > a").css("height","39px")
  }).mouseout(function () {
    $(this).css("display", "none");
$(".nav_apply > a").css("background","url(content/images/nav_yingyong_1.gif)");
$(".nav_apply > a").css("background-position","0% 30%");  });
})

解决方案 »

  1.   

    $(document).ready(function () {
      //好友
      $(".nav_haoyou > a").mouseover(function () {
        $(".nav_haoyou .haoyou_list").css("display", "block");
                $(".nav_haoyou > a").css("background","url(content/images/nav_haoyou.png)");
            $(".nav_haoyou > a").css("width","120px");
            $(".nav_haoyou > a").css("height","39px")
      }).mouseout(function () {
        $(".nav_haoyou .haoyou_list").css("display", "none");
                    $(".nav_haoyou > a").css("background","url(content/images/nav_haoyou_1.gif)");  });  $(".nav_haoyou .haoyou_list").mouseover(function () {
        $(this).css("display", "block");
            $(".nav_haoyou > a").css("background","url(content/images/nav_haoyou.png)");
            $(".nav_haoyou > a").css("width","120px");
            $(".nav_haoyou > a").css("height","39px")
      }).mouseout(function () {
        $(this).css("display", "none");
            $(".nav_haoyou > a").css("background","url(content/images/nav_haoyou_1.gif)");  });  //应用
      $(".nav_apply > a").mouseover(function () {
        $(".nav_apply .haoyou_list").css("display", "block");
            $(".nav_apply > a").css("background","url(content/images/nav_yingyong.png)");
            $(".nav_apply > a").css("width","120px");
            $(".nav_apply > a").css("height","39px")  }).mouseout(function () {
        $(".nav_apply .haoyou_list").css("display", "none");
                    $(".nav_apply > a").css("background","url(content/images/nav_yingyong_1.gif)");  });  $(".nav_apply .haoyou_list").mouseover(function () {
        $(this).css("display", "block");
            $(".nav_apply > a").css("background","url(content/images/nav_yingyong.png)");
            $(".nav_apply > a").css("width","120px");
            $(".nav_apply > a").css("height","39px")
      }).mouseout(function () {
        $(this).css("display", "none");
            $(".nav_apply > a").css("background","url(content/images/nav_yingyong_1.gif)");
            $(".nav_apply > a").css("background-position","0% 30%");  });
    })
      

  2.   


     <script type="text/javascript">
      $(document).ready(function () {
      //好友
      $(".nav_haoyou").mouseover(function () {
    $(".nav_haoyou .haoyou_list").css("display", "block");
            $(".nav_haoyou > a").css("background","url(content/images/nav_haoyou.png)");
            $(".nav_haoyou > a").css("width","120px");
            $(".nav_haoyou > a").css("height","39px")
      }).mouseout(function () {
    $(".nav_haoyou .haoyou_list").css("display", "none");
            $(".nav_haoyou > a").css("background","url(content/images/nav_haoyou_1.gif)");  });  /*$(".nav_haoyou .haoyou_list").mouseover(function () {
    $(this).css("display", "block");
            $(".nav_haoyou > a").css("background","url(content/images/nav_haoyou.png)");
            $(".nav_haoyou > a").css("width","120px");
            $(".nav_haoyou > a").css("height","39px")
      }).mouseout(function () {
    $(this).css("display", "none");
            $(".nav_haoyou > a").css("background","url(content/images/nav_haoyou_1.gif)");  });*/  //应用
      $(".nav_apply").mouseover(function () {
    $(".nav_apply .haoyou_list").css("display", "block");
            $(".nav_apply > a").css("background","url(content/images/nav_yingyong.png)");
            $(".nav_apply > a").css("width","120px");
            $(".nav_apply > a").css("height","39px")  }).mouseout(function () {
    $(".nav_apply .haoyou_list").css("display", "none");
            $(".nav_apply > a").css("background","url(content/images/nav_yingyong_1.gif)");  });  /*$(".nav_apply .haoyou_list").mouseover(function () {
    $(this).css("display", "block");
            $(".nav_apply > a").css("background","url(content/images/nav_yingyong.png)");
            $(".nav_apply > a").css("width","120px");
            $(".nav_apply > a").css("height","39px")
      }).mouseout(function () {
    $(this).css("display", "none");
            $(".nav_apply > a").css("background","url(content/images/nav_yingyong_1.gif)");
            $(".nav_apply > a").css("background-position","0% 30%");  });*/
    })
    </script>