2012-07-20 73 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