自己做的透明浮动层效果，非常棒

mingkong · 发表于 2007-12-13 13:47:32

效果图片如下:

演示地址可以看这里,这是将下面的代码美化过
打开http://www.noosee.com/html/2/n-2.html然后点查看下载地址

下面的代码可以自己保存为HTM文件然后打开,就可以看到了

整体实现效果代码:

<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body{ margin:0 auto; text-align:center;}
#downloading {
position:fixed;
width:400px;
height:400px;
z-index:2;
background-color: #FFFFFF;
visibility: hidden;
top:50%; left:50%;
margin:-200px -200px;
border: 1px solid #CCCCCC;
}
#downloadingall {
position:fixed;
width:100%;
height:100%;
z-index:1;
background-color: #000000;
visibility: hidden;
left: 0;
top: 0;
border: 1px solid #CCCCCC;
filter:alpha(opacity=80);
-moz-opacity:0.8;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<div>
<input name="downloadurl" type="submit" id="mvdownloadinfo" onclick="MM_showHideLayers('downloadingall','','show');MM_showHideLayers('downloading','','show')" value="查看下载地址" />
</div>
2342342342342
<div id="downloading">
<div id="close"><a href="#" onclick="MM_showHideLayers('downloadingall','','hide');MM_showHideLayers('downloading','','hide')">关闭</a></div>
</div>
<div id="downloadingall"></div>
</body>
</html>

复制代码

[ 本帖最后由 mingkong 于 2007-12-13 14:02 编辑 ]

bladeng · 发表于 2007-12-13 13:48:35

不错！

maikongjian14 · 发表于 2007-12-13 13:50:04

不错

收藏了..

谢谢 .

zhuzhu1722 · 发表于 2007-12-13 13:50:50

演示呢？？？？？？？？？？？

mingkong · 发表于 2007-12-13 14:02:57

原帖由 zhuzhu1722 于 2007-12-13 13:50 发表
演示呢？？？？？？？？？？？

已更新演示

六月飛雪 · 发表于 2007-12-13 14:36:31

喜欢............

ocean57 · 发表于 2007-12-13 14:52:05

不错

fangchi · 发表于 2007-12-13 15:01:25

不错，收藏了，

`___pw · 发表于 2012-4-17 12:11:54

不错收藏了哈哈

		自动登录	找回密码
密码			立即注册

自己做的透明浮动层效果，非常棒

本帖子中包含更多资源