繁体   English   中英

在页面加载延迟后使用JavaScript淡入php内的div中?

[英]fade in div inside php using javascript after delay on page load?

嗨,有人知道您是否可以像下面这样控制php中的div?

我想尝试找到一种方法,在页面加载3秒后使用javascript淡入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>";
} ?>

PHP在服务器上运行,不会影响jQuery稍后在浏览器中执行的操作。 呈现的HTML是什么样的? 像您的示例代码之类的东西应该可以正常工作。 到底是什么问题? 这是一个简单的演示:

http://jsfiddle.net/tXhwH/1

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM