请教各位高手一个非常牛X的问题 。100分相送 lightboxhttp://www.huddletogether.com/projects/lightbox2/ 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 用的是lightbox 效果!搜索lightbox 相关代码 加个DIV设置透明度就能简单实现了 背景是一个层(div之流),设置style为透明(Fileter),z-index设大一点,提示框的z-index比背景更大点,就行啦。 lightbox == 思想重于技巧 == 将以下代码保存为一个HTML文件,你就知道了,一个比较大的Div然后设置透明度,把后面的控件就全挡住了,开始为隐藏,点击后显示出来。<html><head><script language="javascript"> function showSending() { sending.style.visibility="visible"; cover.style.visibility="visible"; } </script></head><body><form onsubmit="aa(this)"> <input name=s type=submit> <input name=s2 value ="测试" type="button" onclick="showSending();"> </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> <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> </body> </html> http://www.blueidea.com/download/product/2006/3904.asp http://www.huddletogether.com/projects/lightbox2/在这里下载lightbox Jquery Ajax问题 JavaScript 初级问题。请教高手!! 怎么能在页面上动态的画一条斜线?请指点。 请教一个window.showmodaldialog()的问题 MzTreeView1.0树如何获取当前节点所有父节点的文本并赋给文本输入框? JQuery 添加或删除class 高分求解 如何在<tr>里动态添加,删除多个INPUT对象,并能取他们的值 我这个JavaScript程序主要是动态往表格"DataGrid"中添加单元格,可怎么不行呢?? 如何使用循环确定哪个checkbox选中,并弹出相应的窗口? 怎么调用API?(也许这个问题很简单,但我不会。) 正则式一问(续),还请指点! attachEvent的问题,请大家看看,谢谢了~~
搜索lightbox 相关代码
lightbox
<head>
<script language="javascript">
function showSending() {
sending.style.visibility="visible";
cover.style.visibility="visible";
}
</script>
</head>
<body><form onsubmit="aa(this)">
<input name=s type=submit>
<input name=s2 value ="测试" type="button" onclick="showSending();">
</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>
<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>
</body>
</html>