怎样实现新浪邮箱发邮件时的效果

Question

<form onsubmit="aa(this)">
<input name=s type=submit>
</form>
<div id=x style="visibility:hidden;position:absolute">正在发送</div>
<script>
function aa(o)
{
o.s.disabled=true
document.all.x.style.visibility="visible"
//进行适当位置调整和美化即可
}
</script>

Answer 1

我试过查看新浪的代码，不过好象是用cgi做的，又用了几个框价，实在是摸不到头脑啊。
试过孟子兄的代码，可以动态的显示提示内容，但由于本页面中有iframe,textbox 之类的html元素，不知道如何将其放在最上层啊，还请各位继续指教。谢谢。

Answer 2

用模式窗口也可以实现相同的效果的！只是没有用<DIV>这么美观

Answer 3

问题基本上解决了。我没有用div，用了一个iframe，将其 z-index 设到最高，初始状态将其隐藏，当点击按纽后，触发事件，用客户端脚本将其显示， iframe中引用了另外一个htm文件，在此文件设为透明背景，在iframe中设为允许透明，在iframe 中的htm文件中显示一个有透明gif图片，并用客户端脚本使此iframe覆盖整个窗口，由于整个iframe是透明的，而其中gif文件也是透明的，用户可以看到主页面的内容，当点击时，其实是点击到了gif文件。而没有触发主页面的事件。类似于模态窗口的效果。
但有一些缺憾的就是，iframe始终无法盖住下拉框的web控件。
不知道如何解决。
望高手帮忙。

Answer 4

偶也去看了下代码，我发现大家都被骗了，新浪的作法真的是笑得死人，哈哈。
他们是作了一个100%宽，900PX高的一个DIV，这个家伙是全透明的，然后在按“发送邮件“按钮的时候调用SendMailPro()方法，其中在检查了下客户输入数据后，再在其中调用ShowSending()方法，这个方法内容就是
function showSending() {
sending.style.visibility="visible";
cover.style.visibility="visible";
}
这样cover这个DIV元素就显示出来了，而且占据了整个页面，而又在那个sending或saving这两个DIV之下，这样，你们大家就点下面的界面无效了，呵呵，新浪的作法真是好玩儿~~~<div id="sending" style="position:absolute; top:320; left:20; z-index:10; visibility:hidden"><TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><td width=30%></td><TD bgcolor=#ff9900><TABLE WIDTH=100% height=70 BORDER=0 CELLSPACING=2 CELLPADDING=0><TR><td bgcolor=#eeeeee align=center>邮件正在发送, 请稍候...</td></tr></table></td><td width=30%></td></tr></table></div>
<div id="saving" style="position:absolute; top:320; left:20; z-index:10; visibility:hidden"><TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><td width=30%></td><TD bgcolor=#ff9900><TABLE WIDTH=100% height=70 BORDER=0 CELLSPACING=2 CELLPADDING=0><TR><td bgcolor=#eeeeee align=center>邮件正在保存, 请稍候...</td></tr></table></td><td width=30%></td></tr></table></div>
<div id="cover" style="position:absolute; top:0; left:0; z-index:9; visibility:hidden"><TABLE WIDTH=100% height=900 BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD align=center><br></td></tr></table></div>

Answer 5

wwser(空即是色=>吾本空虚) ( ) 信誉：100 没什么好笑很好用啊

Answer 6

div，太容易了。
先隐藏，而后当点击了"发送"后显示。