Question

Javascript的新手并尽我所能，但尽管进行了广泛的搜索，但无法解决问题。

尝试使用内联脚本（XHTML）在页面加载时创建项目淡入淡出。我喜欢使用外部，但不能给予软件限制。这是我到目前为止开发的代码......

<script type='text/javascript'>
$(document).ready(function() {
    $('#evan').fadeIn('slow');
});
</script>
<div id='evan' style='position:absolute;left:-200px;top:40%;width:80px;height:80px;background-color:red;'></div>

虽然框出现了，但它并没有淡化，所以我假设Javascript写得不正确。

非常感谢您提供的任何帮助。感谢。

Answer 1

我认为要使fadeIn工作，必须首先隐藏项目，并且元素位置（左：-200px）不在视口内。

<script type='text/javascript'>
$(document).ready(function() {
    $('#evan').fadeIn('slow');
});
</script>
<div id='evan' style='position:absolute;top:40%;width:80px;height:80px;background-color:red;display:none'>Some content</div>

演示：Fiddle

页面加载时内联Javascript淡入淡出

1 个答案: