Question

我知道有很多插件/脚本会在显示图片或消息时预先加载网站，但我希望延长时间x金额。换句话说，我想显示消息，“这是消息”，当它出现时，我希望网站完全加载，然后等待x秒，然后将消息淡出并淡出网站的其余部分。这可能吗？

Answer 1

如果您将页面的opacity设置为0，则浏览器仍会呈现所有内容。然后在.ready（）淡入其中。例如：

<强> HTML：

<div id="content">this is the site</div>
<div id="message">this is the message</div>

<强> CSS：

#message{
    position:absolute;
    top:10px;  
}
#content{
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

<强> JS：

$(function(){
    $('#content').delay(1000).fadeTo(500, 1);
    $('#message').delay(1000).fadeOut(500, function() {
        $(this).remove();
    });
});

<强>的jsfiddle：
http://jsfiddle.net/9kM7p/

Jquery加载消息然后显示站点

1 个答案: