循环和淡出jQuery问题

好吧，所以我遇到了一些问题。我有一个调整大小以适应浏览器窗口大小的div，并在该div内使用循环插件淡化某些文本。这一切都有效，但我想要发生的事情是循环插件完成后，我想让输入包装div (#bigshot)淡出，然后再从底部向上滑动另一个div。无论出于何种原因，我无法获得任何工作。我试过设置超时功能，我尝试过使用延迟功能，这些作品。我完全丧失了。下面的代码是我现在有效的。循环和淡出jQuery问题

$(document).ready(function() { 
    $('#bigshot').cycle({ 
      fx:  'fade', 
      speed: 1000, 
      timeout: 1500, 
      nowrap: 1 
    }); 
}); 

function theheight() { 
    var height = $(window).height(); 
    $("#bigshot").css('height', height); 
} 

$(document).ready(function() { 
    theheight(); 
    $(window).bind('resize', height); 
});

所以基本上，一旦这已经通过运行（这应该采取7500毫秒），我会淡出div (#bigshot)，然后从屏幕上一个新的div称为#main-content底部向上滑动。

就像我说过的，我已经试过了我能想到的一切，无法让它工作。我的猜测是，上面的代码需要以某种方式进行修改，以便使所有内容都能正常工作，但我不是jQuery高手。我足够知道完成任务，但在一天结束时，我通常最终需要帮助，所以我就在这里。

来源

2013-04-24 user975876

你试过end？

$('#bigshot').cycle({ 
    fx:  'fade', 
    speed: 1000, 
    timeout: 1500, 
    nowrap: 1, 
    end:  function() { 
    //animations here, something like... 
    $('#bigshot').fadeOut('fast'); 
    $('#main-content').css({top: '100%'}).animate({top: '0'},'fast'); 
    } 
});

您可以看到使用endhere演示，并了解更多有关API here。

来源

2015-02-20 00:53:25 FiLeVeR10

循环和淡出jQuery问题

回答

相关问题