Flash插入前显示和隐藏HTML

Question

我正在寻找我的网站的东西是可以显示的东西，并在10秒后，隐藏一些HTML。

确切地说是一个游戏网站。我想在10秒内展示广告，并在此之后加载游戏的.SWF文件。

在10秒钟内，我想在后面显示游戏的地方显示广告窗口。它就像一个700x500px的窗口。

其中一个问题是，广告窗口可能为300x200px，我想将其放在中心位置。这就像我想要做一个10秒的场景，游戏正在加载。

我求求你在begginer级别回答，我不是脚本专家，只是知道一些html，这就是为什么我有点不知所措的信息，我在网上找到。我会很感激你告诉我如何以字面的方式在html中编写脚本或jQuery。

对不起，因为是新手，但我想学习你可以告诉我的例子。提前致谢。

Answer 1

这种方法可能会奏效，你（需要jQuery的）。你可以看到一个工作示例（不使用闪光灯），这里的工作：http://jsfiddle.net/qyCX9/

我在IE8测试，FF 3.8和谷歌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> 

让我知道如果这个soluti在为你工作！

干杯！