页面加载上的内联Javascript fadein
页面加载上的内联Javascript fadein
提问于 2013-06-20 08:20:27
这是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没有正确编写。
如果您能提供任何帮助，我们将不胜感激。谢谢。
Stack Overflow用户
发布于 2013-06-20 08:30:40
我认为为了让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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17203447
复制相关文章
相似问题
腾讯云开发者
