jquery - iframe如何用jquery制作动画

Question

*当我尝试为 iframe 加载动画时，我遇到了下一个问题http://jsfiddle.net/t74fT/14/，但是当我单击另一个按钮时，我不知道如何实现文本的淡出，并且淡入另一个按钮的文本...我所能做的就是像现在一样淡出和淡入，请帮帮我？

$(document).ready(function() {
    $("#page3").click(function(event){
        $("#ifr").fadeOut('slow');
    $("#ifr").fadeIn('slow');
    });

 $("#page1").click(function(event){
       $("#ifr").fadeOut('slow');
       $("#ifr").fadeIn('slow');
    });

});

但是请先看一下链接，因为我的按钮是 div。

Answer 1

问题是你在同一个元素上一个接一个fadeOut()地执行。fadeIn()我很确定这会导致一些不需要的行为。

您可能想尝试并利用这些淡入淡出提供的回调函数：

$("#element").fadeOut('slow',function(){
  // this function will be called as soon as the element has
  // completely faded out.

  // now we can fade it back in
  $(this).fadeIn('slow');
});

参考：

• fadeOut()
• fadeIn()