jQuery / Javascript：文本淡入/淡出

Question

我需要获取一些文本以便在页面上淡入淡出（连续），但出现兼容性问题。 这是我正在使用的代码：

    function effectFadeIn(classname) { 
   $("#id").fadeOut(800).fadeIn(800, effectFadeOut(classname))
   }
   function effectFadeOut(classname) { 
     $("#id").fadeIn(800).fadeOut(800, effectFadeIn(classname)); 
    } 
 $(document).ready(function () { effectFadeIn('box');});

知道如何以不同的方式执行此操作吗？ 还是使用I.E8中的上述方法使其正常工作？

Answer 1

这肯定是您想要的：

function effectFadeIn(classname) { 
   $("." + classname).fadeOut(800).fadeIn(800, function () {effectFadeOut(classname)})
}
function effectFadeOut(classname) { 
     $("." + classname).fadeIn(800).fadeOut(800, function () {effectFadeIn(classname)})); 
} 
 $(document).ready(function () { effectFadeIn('box');});

要使用参数调用函数，您希望将其放在匿名函数中。

尽管执行此操作的代码效率更高。 但这可以使您的代码正常工作。

Answer 2

FadeIn和fadeOut第二个参数引用该函数，并且不会直接执行该函数，因此您可以创建一个匿名函数，然后在其中调用该函数。

hello

 $(document).ready(function () { 
     effectFadeIn('box');              
 });

 function effectFadeIn(classname) { 
         $("."+ classname).fadeOut(800).fadeIn(800,function(){
             effectFadeOut(classname)
         });
   }
   function effectFadeOut(classname) { 
       $("."+ classname).fadeIn(800).fadeOut(800,function(){
           effectFadeIn(classname)
       }); 
    } 

Answer 3

首先隐藏要淡入的所有元素。

jQuery(document).ready(function() {
  jQuery('.box').hide();
  elementFadeIn('box');
});

现在，该框开始为隐藏状态，然后初始化循环。