像jQuery网站介绍一样的Flash？

问题描述

| 是否可以使用jQuery / CSS做一些看起来像Flash入门的网站？在向用户显示内容之前，我只需要显示带有徽标的黑屏几秒钟。我的意思是，我可以尝试仅显示div的内容，但是我不知道如何才能使div适应整个屏幕……例如：

$(document).ready(function() {
$(body not(#intro-covering-page)).css(\"display\",\"none\");
$(\'#intro-covering-page\').delay(2000).fadeOut();
}); /* I still haven\'t figured how to properly make this work*/

可能在主容器之前有任何想法吗？     

解决方法

        这将适合整个屏幕，尽管如果弹出得太晚可能看起来很奇怪，所以您必须以一种或另一种方式使其看起来不错。

css = {
    \'width\' : $(window).width(),\'height\' : $(window).height(),\'position\' : \'absolute\',\'background-color\' : \'#000000\'
}

$(document).ready(function() {
    $(#intro-covering-page).css(css);
    $(\'#intro-covering-page\').delay(2000).fadeOut();
});

    ,        让您的CSS隐藏

#intro-covering-page

#intro-covering-page {
   display: none;
}

然后使用js

$(function() { // that\'s short for  .ready()
    $(\'#intro-covering-page\').delay(2000).fadeIn();
});

当然，如果我们想确定用户的js状态，可以执行类似的操作

.js #intro-covering-page {
   display: none;
}

JavaScript：

$(function() {
    $(\'html\').addClass(\'js\');
    $(\'#intro-covering-page\').delay(2000).fadeIn();
});