5

我想在 5 秒内淡入我网站上的 div。另外，我不想使用cssDisplay:none隐藏div，因为这个div非常重要，我在想如果用户没有启用JS，div将永远隐藏。那么你们能告诉我如何在网站加载时隐藏 div 并使其在 5 秒内可见吗？多谢了。

<div id="lead_form"></div>
4

7 回答 7

18 
setTimeout(function(){
   $('#lead_form').show();// or fade, css display however you'd like.
}, 5000);
于 2012-10-04T05:52:52.483 回答
6

如果你想制作一个不显眼的功能，你应该让 div 默认可见。

当页面正确加载后，首先要做的就是用 jQuery 隐藏 DIV，然后运行动画在 5 秒内显示出来。

通过这种方式，如果没有激活JS，则DIV已经可用。

$(document).ready(function() {

    // Hide the div
    $("#lead_form").hide();

    // Show the div in 5s
    $("#lead_form").delay(5000).fadeIn(500);

});
于 2012-10-04T06:17:46.130 回答
2

使用 noscript 标签并将 div 放入其中以在浏览器中禁用 java 脚本时显示。

<noscript>
    <div id="lead_form"></div>
</noscript>

对于启用了 java 脚本的浏览器，使用下面的代码在五秒钟内淡入

$("#lead_form").fadeIn(5000);
于 2012-10-04T06:21:47.203 回答
1

试试这个 

 $('#lead_form').hide("fast",function(){
    $("#lead_form").show(5000);
    });
于 2012-10-04T06:12:13.170 回答
1

如果您打算显示 Div 几秒钟，则以下代码对我有用...

$('#divInfo').fadeIn("fast", function(){        
        $("#divInfo").fadeOut(4000);
    });
于 2014-03-13T16:51:09.743 回答
0

如果 JS 被禁用，您不想永远隐藏 div，因此您希望在准备好的文档时隐藏它，然后在 5 秒内再次显示它。这是一个演示该行为的小提琴。但是，如果 div 足够重要，可以在关闭 JS 的情况下一直显示，那么我不确定您是否真的想隐藏它然后首先显示它。

于 2012-10-04T06:05:18.713 回答
0

$('#load_form')首先你应该在附加到页面之前隐藏：$('#load_form').hide()然后你应该用这个函数显示它，.fadeIn( [duration] [, callback] ) 你必须设置duration5000。

于 2012-10-04T06:28:11.520 回答