Javascript 如何创建隐藏的div，以及如何在其中使用swf文件？

我一直很难找到这方面的好教程：

我试图使它这样当一个缩略图图像被点击时，一个隐藏的div显示在它上面。我也希望它能够关闭。在此之前我尝试过弹出窗口，但是swf文件是用页面而不是弹出窗口加载的。隐藏div可以避免这种情况吗

我将如何着手制作我的div？ 示例代码：

<div class="work"><h4>"1" - Animation SOUND</h4>
<img src="images/thumb/bazinga_thumb.png" ></a></div>

<div class="work"><h4>"2" - Animation SOUND</h4>
<img src="images/thumb/2_thumb.png" ></a></div>

<div class="work"><h4>"3" - Animation SOUND</h4>
<img src="images/thumb/3_thumb.png" ></a></div>

“1”-动画声音
“2”-动画声音
“3”-动画声音

我正在寻找CSS和JS选项

试试这个：

<div id="flashHolder" style="display:hidden;">
<embed src="thing.swf"></embed>
</div>
<img onclick="showFlash();" src="image.png" />
<script>
function showFlash()
{
document.getElementById("flashHolder").style.display="auto";
}
</script>

函数showFlash（）
{
document.getElementById（“flashHolder”）.style.display=“auto”；
}

---

我希望我能帮忙！=）

解释

但是swf文件是用页面而不是弹出窗口加载的

，并查看工具提示插件，如qtip2。