Question

我将我的网站加载到其他浏览器中，菜单淡入/淡出效果似乎只适用于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>

Answer 1

如果您未与jQuery版本1.4.2结合，那么我建议使用1.4.4版本。我下载了您的页面源代码，将jQuery版本更改为托管在Google CDN上的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>

jQuery fadein / fadeout仅限于FF和Opera

1 个答案: