首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery仅在FF和Opera中淡入/淡出

jQuery仅在FF和Opera中淡入/淡出
EN

Stack Overflow用户
提问于 2011-01-15 11:58:12
回答 1查看 968关注 0票数 0

我将我的网站加载到其他浏览器中,菜单淡入/淡出效果似乎只在FF和opera中有效。它不能在IE(7-9),safari,或chrome中工作。对于这些浏览器,它具有显示/隐藏效果,而不是淡出效果。这是我的site

JS:

代码语言:javascript
运行
复制
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:

代码语言:javascript
运行
复制
<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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-01-15 12:29:11

如果您不熟悉jQuery版本1.4.2,那么我建议您使用版本1.4.4。我下载了你的页面源代码,在Google CDN上将jQuery版本改为1.4.4,在我的IE8安装上淡入淡出在本地有效。

代码语言:javascript
运行
复制
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js?ver=1.4.4'></script> 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4697900

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档