这是在JQuery中向下滑动时淡入淡出的正确方法吗？

Question

码:

$(document).ready(function() {
    $('.some_class').slideDown(1000).fadeIn(5000);
});

使用上面的一个,我想滑动一个div,同时让它淡入淡出.上面的那个似乎不起作用.我究竟做错了什么？

Answer 1

这样做:

$(document).ready(function () {
    $('.some_class').stop(true).fadeIn({
        duration: 5000,
        queue: false
    }).css('display', 'none').slideDown(1000);
 });

在这里演示

问题是.fadeIn()和.slideDown()都需要元素display:none;,当其中一个启动它时会删除它并使用不透明度,第二个效果将不再运行,因为display它none不再存在.

因此,如果您在运行最后一个效果之前停止动画并重新插入显示,则它们将"并排"运行.

万一你想要,这是一个带图像的演示