跪求大神 JQuery导航淡入淡出问题 鼠标经过淡出框 鼠标移开淡入 但是 在鼠标移开到淡出的框时,框不能淡入
$(function(){$("a").mouseover(function(){$("#"+$(this).attr('class')).fadeIn("slow");...
$(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>
这里是部分代码 如何实现上述功能,跪求 展开
$("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>
这里是部分代码 如何实现上述功能,跪求 展开
4个回答
展开全部
你好!
更换下函数试试吧~
$(function () {
$("a").mouseover(function () {
$("#"+$(this).attr('class')).fadeToggle("slow");
}).mouseout(function () {
$("#"+$(this).attr('class')).fadeToggle("slow");
});
} );
----------------------------------------------------------------------------
更换下函数试试吧~
$(function () {
$("a").mouseover(function () {
$("#"+$(this).attr('class')).fadeToggle("slow");
}).mouseout(function () {
$("#"+$(this).attr('class')).fadeToggle("slow");
});
} );
----------------------------------------------------------------------------
更多追问追答
追问
你好,效果还和以前的一样 我仿的是 芝加哥大学的官网的导航栏样式, 麻烦看下,有啥解决办法 谢谢了
追答
效果怎么会跟之前一样呢?
当鼠标移开后,是会淡入进来的啊···
留个QQ吧~~
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你是要移入框内淡出淡入还是移到a上框淡出淡入啊?
你这个代码应该是移到a···对应的div淡出淡入吧···现在是不行吗?
你这个代码应该是移到a···对应的div淡出淡入吧···现在是不行吗?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(function(){
$("a").live({
mouseouver : function(){
$("#" + $(this).attr('class')).stop().fadeIn("slow");
},
mouseout : function(){
$("#" + $(this).attr('class')).fadeOut("slow");
}
});
});
$("a").live({
mouseouver : function(){
$("#" + $(this).attr('class')).stop().fadeIn("slow");
},
mouseout : function(){
$("#" + $(this).attr('class')).fadeOut("slow");
}
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-01-11
展开全部
控制中心去吧设置调一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询