请教各位高手一个非常牛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验证手机号码的问题,为什么不起作用?请大家帮我看看,多谢! http://www.creativesunlimited.com/谁能把flash抓下来 如何让长字符串输出的时候自动换行呢? Javascript截取HTML代码问题 50分,跪求正则问题,还请各位进来看看,在线等,急 是高手的都进来瞧瞧:JavaScript 中的表单问题??? 求一个字符串处理的简单问题的答案! 如何让日期动态显示??? javascript脚本与asp的参数传递问题 正则式一问(续),还请指点! 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>