无法为正文中的内容设置动画

Question

我有以下代码，我希望对正文中的修改内容有一个淡入淡出效果

$(document).ready(function() {

$('body').delay(400).hide().fadeIn(1500);

$('body').animate({

    $('body').html('sdsadsdsdsdasdsd');

}, 1000 );


});

但这似乎不起作用......

Answer 1

.animate()采用CSS属性，而不是javascript。将内容放在第一位，然后设置不透明度。

$(function() {
    $('body')
        .hide()
        .html('sdsadsdsdsdasdsd')
        .fadeIn(1500);
});

Answer 2

Animate功能适用于CSS属性，但您尝试更改不属于CSS属性的html。尝试更改淡入淡出的html，如果它适合您的目的。

$('body').delay(400).hide().html('sdsadsdsdsdasdsd').fadeIn(1500);