一个 JQuery 二级导航问题？为什么火狐下不效果出不来，IE和搜狗下可以呢？

<scripttype="text/javascript"src="public/js/jquery-1.7.2.min.js"></script>//可以换任意JQue... <script type="text/javascript" src="public/js/jquery-1.7.2.min.js"></script>//可以换任意JQuery包
<style type="text/css">
.content{margin-top:40px;}
body{font-size:13px;}
ul,li{list-style:none; margin:0; padding:0;}
.optn{width:190px; border:1px solid #E5D1A1; background:#FFFDD2}
a{text-decoration:none; color:#666; padding:10px;}
.optnFocus{background:#FFF; font-weight:bold}
.tip{width:190px; border:2px solid #FFA200; position:absolute; padding:10px; background:#FFF; display:none;margin-left:190px;}
.tip li{line-height:23px;}
</style>
<script type="text/javascript">
$(function() {
var objL;
var curY;
function setInitValue(obj) {
curY = obj.offset().top
}

$(".optn").each(function(index) {
$(this).mousemove(function() {
objL = $(this);
setInitValue(objL);
//alert("bbb");
//$(".content").css({"margin-top":"0px"});
$(".tip:eq(" + index + ")").show()
.css({ "left": "0px", "top": curY });

})
.mouseout(function() {
//$(".content").css({"margin-top":"40px"});
$(".tip:eq(" + index + ")").hide()

})
});

$(".tip").mousemove(function() {
//alert("aa");
$(this).show();
$(".content").css({ "margin-top": "0px" });
})
.mouseout(function() {
$(this).hide();
$(".content").css({ "margin-top": "40px" });
});

})
</script>
</head>

<body>
<ul class="content">
<li class="optn"><a href="#">笔记本</a></li>
<ul class="tip">
<li><a href="#">笔记本1</a></li>
<li><a href="#">笔记本2</a></li>
<li><a href="#">笔记本3</a></li>
<li><a href="#">笔记本4</a></li>
<li><a href="#">笔记本5</a></li>
</ul>
<li class="optn"><a href="#">移动硬盘</a></li>
<ul class="tip">
<li><a href="#">移动硬盘1</a></li>
<li><a href="#">移动硬盘2</a></li>
<li><a href="#">移动硬盘3</a></li>
<li><a href="#">移动硬盘4</a></li>
<li><a href="#">移动硬盘5</a></li>
</ul>
<li class="optn"><a href="#">电脑软件</a></li>
<ul class="tip">
<li><a href="#">电脑软件1</a></li>
<li><a href="#">电脑软件2</a></li>
<li><a href="#">电脑软件3</a></li>
<li><a href="#">电脑软件4</a></li>
<li><a href="#">电脑软件5</a></li>
</ul>
<li class="optn"><a href="#">数码产品</a></li>
<ul class="tip">
<li><a href="#">数码产品1</a></li>
<li><a href="#">数码产品2</a></li>
<li><a href="#">数码产品3</a></li>
<li><a href="#">数码产品4</a></li>
<li><a href="#">数码产品5</a></li>
</ul>
</ul> 展开

 我来答

3个回答

#热议# 为什么说不要把裤子提到肚脐眼？

xiaohui056200
2012-06-13 · 超过33用户采纳过TA的回答

知道答主

回答量：70

采纳率：0%

帮助的人：63.4万

我也去答题访问个人页

关注

展开全部

IE 和 firefox都出效果了你看看自己是不是弄错jquery.js这个文件了

追问

效果出来了我的效果也有啊 你看出IE和火狐的不同了吗？ IE 鼠标移到 二级 栏目是可以的！！但是 火狐却不可以！！不好意思哈 这个才是我要解决的问题！

追答

-_-!  看来我还理解错了~~~ 
你可以用  mouseenter 替换 mousemove   
          用  mouseleave 替换 mouseout

恩 我测试过了么有问题哦&_&

本回答由提问者推荐

已赞过 已踩过<

评论收起

火狐
2014-09-17 · Firefox，最快最安全的上网体验

火狐

Mozilla Firefox火狐浏览器，是一款开放安全的开源浏览器，全球拥有5亿用户。

向TA提问

关注

展开全部

　　您好！很高兴为您答疑！

　　测试了下，二级菜单在火狐下不能正常弹出，稍微修改下就可以了，
　　mouseenter 替换 mousemove, mouseleave 替换 mouseout
　　　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

已赞过 已踩过<

评论收起

此露珠r
2012-06-12

知道答主

回答量：66

采纳率：0%

帮助的人：16.6万

我也去答题访问个人页

关注

展开全部

把完整代码贴出来，你还要人家去组合代码啊

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

一个 JQuery 二级导航问题？为什么 火狐下不效果出不来，IE和搜狗下可以呢？

其他类似问题

为你推荐：

一个 JQuery 二级导航问题？为什么火狐下不效果出不来，IE和搜狗下可以呢？