如何在页面加载与jQuery淡入div信息

我想显示一个div页面加载时使用淡入淡出和3秒后淡出，但我的代码似乎不工作，请帮助吗？我究竟做错了什么？如何在页面加载与jQuery淡入div信息

HTML

<div id="message" class="jumbotron" style="display:none;"> 
    <p><?php echo $m; ?></p> 
</div>

jQuery的

$(document).ready(function(){ 

     $('div#message').fadeIn(3000).delay(3000).fadeOut(2000); 

});

来源

2014-12-05 Hans

你的代码是正确的。这个问题必须是另一个问题。 – 2014-12-05 08:47:59

你有没有包含jQueryUI库？ Mayby你再错过它，代码似乎没问题。 – Beri 2014-12-05 08:49:04

@Beri jQueryUI如何做到这一点？ – Anubhav 2014-12-05 08:50:52

只是渐渐在页面加载在消息中，然后设置一个暂停时以3秒

后淡出

检查DEMO

编辑

$('#message').fadeIn() 
.queue(function() { 
    setTimeout(function() { 
     $('#message').fadeOut(); 
    }, 3000); 
    $(this).dequeue(); 
});

来源

2014-12-05 08:56:38 kapantzak

为什么'setTimeout'在那里？这怎么做OP想要的？ – SoonDead 2014-12-05 08:58:03

已编辑：现在它在页面加载时淡入淡出，3秒后淡出 – kapantzak 2014-12-05 09:01:50

您的代码适用于我（Here's a fiddle）。问题在于您没有包含到jQuery库的有效链接，或者在到达导致其停止执行的下面的代码之前发生错误。

jQuery的

$(document).ready(function(){ 
     $('div#message').fadeIn(3000).delay(3000).fadeOut(2000); 
});

来源

2014-12-05 08:58:25 user3893820

你在同一页上写这个剧本的div元素或但这在于外部网页？如果在外部页面上，然后尝试检查控制是否传递到此页面或通过简单地放置一个警告框或不。
如果这个脚本在同一个页面上，那么确保你在你定义的元素之后编写这个脚本，就好像你已经在顶部或者在#message div之前写过这个脚本那么脚本在它被加载到页面之前就会运行你不会看到任何区别。

来源

2014-12-05 08:59:03

您的脚本无论如何都是正确的。如果它不起作用意味着控制权不会传递给该处理程序。 – 2014-12-05 09:00:12

$('div#message').fadeIn(3000,function() 
{ 
    $(this).delay(3000); 
    $(this).fadeOut(200); 

});

希望这会对你有用。

来源

2014-12-05 09:43:27 Tristup

如何在页面加载与jQuery淡入div信息

回答

相关问题