Question

我正在网站上工作，每当我打开网页时，我都想要一个文本淡入淡出，所以我做了类似的事情：

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

我创建了一个id为＆＃39; title＆＃39;的跨度，然后我使用CSS给他一个0的不透明度，但它不起作用。

由于

Answer 1

删除不透明度css并使用display:none：

HTML

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

JS

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

Fiddle

Answer 2

而不是修补不透明度隐藏元素：

#title{
    display:none;
}

您需要解决的另一件事是fadeIn的持续时间。您应该以毫秒为单位指定它，并且任何超过500毫秒的速度都不会被人眼看到。我建议用1秒钟让用户欣赏过渡效果：

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

Answer 3

我终于找到了问题。它在HTML代码中：

而不是这个，

<script src="jquery.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

代码看起来应该是这样的

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>

jQuery .fadeIn不工作

3 个答案: