导航菜单上滑动显示的下拉菜单滑到下拉菜单上总是闪的问题,听说是死循环的问题,问下解决方法
<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%"); });
})
<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%"); });
})
//好友
$(".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%"); });
})
<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>