我将我的网站加载到其他浏览器中,菜单淡入/淡出效果似乎只在FF和opera中有效。它不能在IE(7-9),safari,或chrome中工作。对于这些浏览器,它具有显示/隐藏效果,而不是淡出效果。这是我的site。
JS:
var delay = 100;
var fade = 400;
$j(function(){
var inner="";
$j('#access-navi .sub > a').toggle(function(){
inner=$j(this).parent().find('ul li');
inner.each(function(i){
$j(this).delay(i*delay).fadeIn(fade);
});
},function(){
inner.fadeOut(fade/2);
});
});
HTML:
<div id="access-navi" role="navigation">
<ul>
<li><a href="">Home</a></li>
<li class="sub"><a href="#">Code</a>
<ul>
<li><a href="">Html.Css</a></li>
<li><a href="">Java</a></li>
<li><a href="">jQuery</a></li>
<li><a href="">Php</a></li>
</ul>
</li>
</ul>
<div class="clear"></div>
</div>
发布于 2011-01-15 12:29:11
如果您不熟悉jQuery版本1.4.2,那么我建议您使用版本1.4.4。我下载了你的页面源代码,在Google CDN上将jQuery版本改为1.4.4,在我的IE8安装上淡入淡出在本地有效。
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js?ver=1.4.4'></script>
https://stackoverflow.com/questions/4697900
复制相似问题