在Flash插入之前显示和隐藏HTML

| 我正在搜索我的网站的东西可以显示,然后在10秒钟后隐藏一些html。 确实是针对游戏网站的。我想在10秒钟内展示广告,然后在此之后加载游戏的.SWF文件。 我想在10秒钟内将广告窗口显示在字段中心,稍后将显示游戏。就像一个700x500px的窗口。 问题之一是广告窗口可能为300x200px,我想将其放在中间。就像我要制作一个10秒的场景,并在广告中显示游戏正在加载一样。 我请求您以入门级的身份回答,我不是脚本专家,只知道一些html,这就是为什么我对网上发现的信息有些不知所措。我希望您能告诉我如何以字面方式用html编写脚本或jquery。 抱歉,这么新手,但我想学习您可以告诉我的示例。提前致谢。     
已邀请:
这种方法可能对您有效(需要jQuery)。.您可以在此处查看有效示例(无Flash):http://jsfiddle.net/qyCX9/ 我已经在IE8,FF 3.8和Google Chrome中进行了测试。 这是HTML标记:
<div id=\"advertisement\" class=\"hidden\">your advertisement here</div>
<div id=\"game\">play game!</div>
这是CSS,用于将游戏和广告相互定位:
<style type=\"text/css\">

#advertisement {
    width: 300px; height: 200px;
    background: red;
 }

#game {
    width: 700px; height: 500px;
    background: green;
}

.hidden {
    display: none;   
}

</style>
这是定位和显示广告,然后在设置的秒数后将其删除所需的javascript。
<script type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js\"></script>
<script type=\"text/javascript\">

// get game and ad container
var $game = $(\'#game\'), $advertisement = $(\'#advertisement\');

// position ad container in center of game
$advertisement.css({
    \'position\' : \'absolute\',
    \'top\'      : ($game.height() - $advertisement.height()) / 2 + $game.scrollTop() + \'px\',
    \'left\'     : ($game.width() - $advertisement.width()) / 2 + $game.scrollLeft() + \'px\'
}).removeClass(\'hidden\'); // show ad

// hide advertisement after x seconds..
var seconds = 3;
setTimeout(function () {
    $advertisement.addClass(\'hidden\');
}, 1000 * seconds);

</script>
让我知道此解决方案是否适合您! 干杯!     

要回复问题请先登录注册