jQuery .fadeIn 不工作

Question

我正在开发一个网站，我希望每次打开网页时都会淡入文本，所以我做了这样的事情:

$(document).ready(function() {
    $('#title').fadeIn(100);
});

我创建了一个id为“title”的span，然后我使用CSS给他设置了0的不透明度，但它不起作用。

谢谢

Answer 1

删除不透明 CSS 并使用 display:none:

HTML

<h1 id="title" style="display:none">Whoa!</h1>

JS

$(document).ready(function() {
    $('#title').fadeIn(500);
});

Fiddle