分享一个自己写的简单的jquery litebox遮罩层插件，直接加class liteBox调用， 有加载进度条，在链接中设置宽度、高度和是否有滚动条！js压缩代码1.4k
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>demo</title><style>body {width:100%;height:100%;}*{margin:0;padding:0;}#lite-overlay {position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}*html #lite-overlay {position:absolute;}.liteTitle {height:30px;line-height:30px;text-indent:12px;font-size:12px;font-weight:bold;background:#F5F8FA;position:relative;}.liteClose {height:30px;line-height:30px;cursor:pointer;position:absolute;right:15px;top:0;font-size:12px;}#lite-content {background:#fff;position:fixed;top:50%;left:50%;z-index:100;display:none;}*html #lite-content {position:absolute;}/*-- loading --*/#liteloading {position:absolute;width:208px;height:13px;left:50%;top:50%;margin-left:-104px;margin-top:-6px;z-index:10000;background: url(/uploads/Common/images/loadingAnimation.gif) no-repeat;}</style><script src="http://www.wfuyu.com/uploads/Common/jquery-1.3.2.min.js" type="text/javascript"></script><script src="http://www.wfuyu.com/uploads/Common/litebox.jquery-min.js" type="text/javascript"></script></head><body><ul><li><a href="http://www.wfuyu.com?height=500&width=800&scroll=no" title="网" class="liteBox" >网</a></li><li><a href="http://blueidea.com?height=300&width=400&scroll=yes" title="蓝色理想" class="liteBox" >蓝色理想</a> </li><li><a href="http://www.wfuyu.com/uploads/Common/html/tanchu.html?height=300&width=500" class="liteBox" title="我是弹出框">我是弹出框</a> </li></ul></body></html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>提示：可修改后代码再运行!
上一篇 骆骐：我是如何通过兽兽门日赚70美元的
下一篇 Javascript 中 while 循环用法的代码