代码:
$(document).ready(function() {
$('.some_class').slideDown(1000).fadeIn(5000);
});
使用上面的那个,我想在它淡入的同时向下滑动一个 div。上面那个好像不行。我究竟做错了什么?
代码:
$(document).ready(function() {
$('.some_class').slideDown(1000).fadeIn(5000);
});
使用上面的那个,我想在它淡入的同时向下滑动一个 div。上面那个好像不行。我究竟做错了什么?
这样做:
$(document).ready(function () {
$('.some_class').stop(true).fadeIn({
duration: 5000,
queue: false
}).css('display', 'none').slideDown(1000);
});
问题是.fadeIn()和.slideDown()都需要该元素display:none;
,当其中一个启动时它会删除该元素并使用不透明度,第二个效果将不会运行,因为display
不再存在none
。
因此,如果您在运行最后一个效果之前停止动画并重新插入显示,它们将“并排”运行。
以防万一,这是一个带有图像的演示
你可以做类似的事情:
$(document).ready(function () {
$('.some_class').animate({
"height": "show",
"marginTop": "show",
"marginBottom": "show",
"paddingTop": "show",
"paddingBottom": "show",
"opacity": 1
}, 3000);
});
这是一个例子:http: //jsfiddle.net/sE97R/1/
确保具有“some_class”类的元素已正确加载并且最初是隐藏的
$(document).ready(function() {
$('.some_class').fadeIn(1000).slideDown(1000);
});