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');
});

参考文献：

iframe如何使用jquery进行动画处理

1 个答案: