2013-02-03 124 views
0

嗨有沒有人知道,如果你可以控制一個div封裝在像下面一個PHP的?在頁面加載延遲後使用JavaScript淡入div內PHP?

我想嘗試和找到一種使用javascript淡入淡出的div在3秒後,頁面加載?

任何人都可以告訴我一個這樣做的方法嗎?

我會想象它是這樣的:

<script> 

jQuery(document).ready(function($){ 
$('.dashboard_intro').hide().delay(2000).fadeIn(2000); 
$('.dashboard_intro_arrow').hide().delay(2000).fadeIn(2000); 
$('.dashboard_intro_text').hide().delay(2000).fadeIn(2000); 
$('.exit_intro').hide().delay(2000).fadeIn(2000); 

}); 

</SCRIPT> 


<?php 

$dashboard_intro = dashboard_intro(); 
while ($intro = mysql_fetch_array($dashboard_intro)) 
if ($intro['dashboard_intro'] == '0') { 
    echo "<div class=\"dashboard_intro_arrow\"></div><div class=\"dashboard_intro\"></div><div class=\"dashboard_intro_text\"><strong>Welcome to Your Dashboard</strong><br/><br/>These are your tools: Check Messages, Reviews & more.</div><div class=\"exit_intro\"></div>"; 
} ?> 
+0

我認爲應該工作。你知道'$ intro ['dashboard_intro']'是否是0嗎? div是否出現在服務器的Html輸出中? –

回答

0

PHP是在服務器上運行,並不會影響什麼的jQuery在瀏覽器以後做。呈現的HTML看起來像什麼?像你的示例代碼應該做的很好。那究竟是什麼問題?這裏有一個簡單的演示:

http://jsfiddle.net/tXhwH/1

<script> 
$(function() { 
    $('.dashboard_intro_text').delay(3000).fadeIn(2000); 
}); 
</script>