2012-07-20 58 views
0

我是新来的JavaScript,所以我的基础知识后,挣扎......衰落在一个div延迟

我使用这个延迟一个div带来,但我想褪色DIV中作为此功能的一部分(不只是有框出现)

function show() { 

AB = document.getElementById('div_with_text'); 

AB.style.display = 'inline'; 
} 

setTimeout("show()", 3000); 

任何人都可以帮助吗?

我尝试添加的东西,如:

$(function(){ 
    $('#div_with_text').fadeIn('slow'); 
}); 

,但我不知道的语言不够好,得到它的工作...

任何帮助,将不胜感激!

+0

究竟是什么问题? – Lobo 2012-07-20 20:21:06

+0

嘿路宝,我有一个文本框,出现在我的主页上面的延迟脚本后 - 这工作正常,但我宁愿框淡入。所以我问我需要什么添加到延迟代码在延迟后淡入盒子?希望这是有道理的... – Jayp07 2012-07-20 20:51:17

+0

检查我的答案,并接受它是否解决了你的问题。 – Lobo 2012-07-21 00:29:59

回答

0

fadeIn方法只有在您的页面上加载jQuery库时才有效。没有这个方法,该方法将不起作用,因为它不是本地Javascript的一部分。

一旦你加载jQuery,that method将工作,因为你的语法是正确的。

+0

感谢我使用

3

您的DIV隐藏在第一位吗?如果没有,那是你的问题。你正试图打开一个已经打开的门。

即使您隐藏DIV,您的代码也是不正确的,这是行不通的。它应该是setTimeout(show, 3000);

使用JavaScript代码(setTimeout),您在页面加载后3秒提供了,您正试图显示DIV。你有没有注意到DIV已经存在,并且在3秒后从未“出现”,如你所料?

示例 - http://jsfiddle.net/BLPTq/2/ - 只需单击运行并查看。


为了使它工作,首先隐藏DIV,然后调用setTimeout或jQuery方法。示例 - - 只需单击运行并查看。检查CSS display:none;

,或者,如果你不想用CSS来隐藏它,呼吁fadeIn()

$('#div_with_text').hide().fadeIn('slow'); 

实例之前只是叫hide() - http://jsfiddle.net/zeXyG/1/


按下面的评论。添加delay()到呼叫像下面所示

$('#div_with_text').hide(); // this or use css to hide the div 
$('#div_with_text').delay(2000).fadeIn('slow'); 

2秒钟,页面加载后,这将隐藏DIV,然后慢慢淡出英寸仔细看看this example

+0

我真的很感谢你抽出时间来解释一下,这两者的结合正是我所追求的 这个div并不是隐藏起来的,没有任何这个代码只会在页面加载的时候显示在屏幕上,所以我需要做的就是结合你在3秒后实现淡入淡出的内容......我不知道这样做的正确语法,我想你不知道吗? – Jayp07 2012-07-21 16:25:58

+0

'hide()。fadeIn()'的最后一个例子没有工作吗?我添加了'delay()'。那就是你想要的。 – Lobo 2012-07-21 16:45:33

+0

今天为什么没有那么简单......当我去攀登时用你的代码填充页面(html)(这看起来就是btw)我得到一个消息,说“文档当前的编码不能保存所有的字符。你可能想更改为UTF-8 ...等“...所以它不会让我上传。任何想法? – Jayp07 2012-07-21 19:30:55