Javascript 如何在文本上定位flash

我有闪光灯，需要一些时间来加载。我想通知用户它正在加载，他们应该等待。我的想法是，我可以把文本放在flash内容下，当flash内容加载时，文本将被内容隐藏。以下是我目前掌握的情况：

<object id="call-widget" type="application/x-shockwave-flash" data="https://clients4.google.com/voice/embed/webCallButton" width="230" height="85">
  <param name="movie" value="https://clients4.google.com/voice/embed/webCallButton" />
  <param name="wmode" value="transparent" />
  <param name="FlashVars"  value="id=a8dd9c58da5043dca0e879988f5cadc447e74f7a&style=0" />
</object>
<span style="z-index:-1;">Google Voice is loading...</span>

它应该是这样的：

---

flash内容后面的文本只有在加载时才能看到。

可能是，您可以做相反的事情。首先加载Flash，然后在Flash上把加载的文本放在一个浮动div中。要做到这一点，只需要使用cssz-index属性。然后，当加载flash时，您可以通过执行执行隐藏技巧的某个javascript函数，从flash内部隐藏div

对于上面的div，只需使用所需的text/html和css进行div

<div id="splash" style="position:absolute;z-index:1000;top:10px;width:100px;height:200px;" >the flash is loading...</div>

并将此js放在您的html中

<script language="javascript">
function myfunction() {
   $('splash').hide();
}
</script>

函数myfunction（）{
$（'splash'）.hide（）；
}

谢谢

@利奥。

---

r

因为您正在使用TinyBox，所以将其应用于tinner类

.tinner {
  position:relative;
}

现在，您可以使用绝对位置设置跨度，并给出相对于div in的上/左/右/下位置（.tinner假设TinyBox）。

---

不要担心z索引，因为flash文件肯定会在它上面。

@poplane我不同意。如果不是TINYBox2的javascript或文本的html，或flash内容的flash，情况会有所不同……TINYBox2的链接在OP中。为了清晰起见，我会发布它的功能。我无法控制flash文件。它是由Google Voice提供给我的。在这种情况下，我建议通过使用swfobject来更改加载flash的方式。这是一个超级易于使用的api，允许您加载电影并在加载后附加事件。在这里检查这个例子。。。在您的例子中，您将从swfobject的回调函数中隐藏浮点div。我无法让它工作，但我很确定我做错了什么。我认为投赞成票会很有效。谢谢

<script language="javascript">
function myfunction() {
   $('splash').hide();
}
</script>

.tinner {
  position:relative;
}