Question

我希望在不同的事物发生时加载的不同图像之间淡入淡出。我创建了一些if，else规则并认为我可以使用fadeIn()告诉jQuery淡入每个新图像。但它不起作用，我不知道为什么。我认为这是一个我无法弄清楚的超级小代码。希望你们能帮助我！

到目前为止，这是我的代码：

if(count == 1){
    $('.star').html('<img src="' + stern1 + '">').delay(1000).fadeIn('slow');
} else if (count == 2){
    $('.star').html('<img src="' + stern2 + '">').delay(1000).fadeIn('slow');
} else if(count == 3){
    $('.star').html('<img src="' + stern3 + '">').delay(1000).fadeIn('slow');
} else if(count == 4){
    $('.star').html('<img src="' + stern4 + '">').delay(1000).fadeIn('slow');
} else if(count == 5) {
    $('.star').html('<img src="' + stern5 + '">').delay(1000).fadeIn('slow');
} else {
    $('.star').html('<img src="' + stern1 + '">').delay(1000).fadeIn('slow');
}

Answer 1

你的错误是：

在html中插入内容

因此，它始终显示内容，您的努力不会显示为延迟和淡入淡出。

请尝试以下方法：

$('.star').html('<img src="' + stern1 + '">').hide().delay(1000).fadeIn('slow');

if和else之间的jQuery fadeIn（）

1 个答案: