在页面加载延迟后使用javascript淡入内部的div?

时间:2013-02-03 18:15:59

标签: php javascript

你们有没有人知道你是否可以像下面那样控制一个包含在php中的div?

我想尝试找一种方法在页面加载后使用javascript在3秒延迟后淡入div?

有人能告诉我这样做的方法吗?

我会想象它是这样的:

<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>";
} ?>

1 个答案:

答案 0 :(得分:0)

PHP在服务器上运行,不会影响jQuery稍后在浏览器中执行的操作。渲染的HTML看起来像什么?像你的示例代码应该做的很好。究竟是什么问题?这是一个简单的演示:

http://jsfiddle.net/tXhwH/1

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