Question

跪求大神 JQuery导航淡入淡出问题 鼠标经过淡出框 鼠标移开淡入 但是 在鼠标移开到淡出的框时，框不能淡入

$(function () {
$("a").mouseover(function () {
$("#"+$(this).attr('class')).fadeIn("slow");
});
$("a").mouseout(function () {
$("#"+$(this).attr('class')).fadeOut("slow");
});
});

<li><a class="li1_current" href="{dede:global.cfg_basehost/}"></a></li>
<li><a class="li2_normal" href="{dede:global.cfg_basehost/}/degrees" ></a></li>
<li><a class="li3_normal" href="{dede:global.cfg_basehost/}/edps" ></a></li>
<li><a class="li4_normal" href="{dede:global.cfg_basehost/}/teachers/jiaoshi/" ></a></li>
<li><a class="li5_normal" href="{dede:global.cfg_basehost/}/xiaoyou/223.html" ></a></li>
<li><a class="li6_normal" href="{dede:global.cfg_basehost/}/about/207.html" ></a></li>
<li><a class="li7_normal" href="{dede:global.cfg_basehost/}/lxwm/224.html" ></a></li>
<li><a class="li8_normal" href="{dede:global.cfg_basehost/}/classroom/" ></a></li>

<div id="li1_current">这里是首页测试</div>
<div id="li2_normal">这里是在职研究生教育测试</div>
<div id="li3_normal">这里是高层管理培训测试</div>
<div id="li4_normal">这里是师资团队测试</div>
<div id="li5_normal">这里是学院校友测试</div>
<div id="li6_normal">这里是关于我们测试</div>
<div id="li7_normal">这里是联系我们测试</div>
<div id="li8_normal">这里是教室租赁测试</div>

这里是部分代码 如何实现上述功能，跪求

Answer 1

你好！

更换下函数试试吧~
$(function () {
$("a").mouseover(function () {
$("#"+$(this).attr('class')).fadeToggle("slow");
}).mouseout(function () {
$("#"+$(this).attr('class')).fadeToggle("slow");
});
} );

----------------------------------------------------------------------------

追问

你好，效果还和以前的一样 我仿的是 芝加哥大学的官网的导航栏样式， 麻烦看下，有啥解决办法 谢谢了

追答

效果怎么会跟之前一样呢？
当鼠标移开后，是会淡入进来的啊···
留个QQ吧~~

追问

2355533893

Answer 2

你是要移入框内淡出淡入还是移到a上框淡出淡入啊？

你这个代码应该是移到a···对应的div淡出淡入吧···现在是不行吗？

Answer 3

$(function(){

$("a").live({

mouseouver : function(){

$("#" + $(this).attr('class')).stop().fadeIn("slow");

},

mouseout : function(){

$("#" + $(this).attr('class')).fadeOut("slow");

}

});

});

Answer 4

控制中心去吧设置调一下