如下的弹窗js怎么实现封装和调用
<html><head><metaname="keywords"content="站长,网页特效,js特效,广告代码,55zm,55zm.com,sky,www.55zm...
<html>
<head>
<meta name="keywords" content="站长,网页特效,js特效,广告代码,55zm,55zm.com,sky,www.55zm.com,站长特效 网" />
<meta name="description" content="www.55zm.com,吾吾织梦，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在吾吾织梦" />
<title>漂亮的弹出窗口效果，55zm.com收集，吾吾织梦欢迎您。</title>
<style>
.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color: black;z-index:1001; -moz-opacity: 0.8;opacity:.80;filter:alpha(opacity=80);}
.www_55zm_com {display:none;position:absolute;top:25%;left: 25%;width:50%;height:50%;padding:16px;border:16px solid orange;background-color: white;z-index:1002;overflow:auto;}
</style>
</head>
<body>
<a href="<#ZC_BLOG_HOST#>">吾吾织梦</a>,站长必备的高质量网页特效和广告代码。55zm.com，站长js特效。<hr>
<!--欢迎来到吾吾织梦，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.55zm.com，55zm@msn.com,用.com打造靓站-->
<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">点击这里打开窗口</a>
<div id="light" class="www_55zm_com">
welcome to www.55zm.com
吾吾织梦，打造国内最帅的网页特效站。
<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
Close</a></div>
<div id="fade" class="black_overlay">
</div>
</body>
</html> 展开
<head>
<meta name="keywords" content="站长,网页特效,js特效,广告代码,55zm,55zm.com,sky,www.55zm.com,站长特效 网" />
<meta name="description" content="www.55zm.com,吾吾织梦，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在吾吾织梦" />
<title>漂亮的弹出窗口效果，55zm.com收集，吾吾织梦欢迎您。</title>
<style>
.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color: black;z-index:1001; -moz-opacity: 0.8;opacity:.80;filter:alpha(opacity=80);}
.www_55zm_com {display:none;position:absolute;top:25%;left: 25%;width:50%;height:50%;padding:16px;border:16px solid orange;background-color: white;z-index:1002;overflow:auto;}
</style>
</head>
<body>
<a href="<#ZC_BLOG_HOST#>">吾吾织梦</a>,站长必备的高质量网页特效和广告代码。55zm.com，站长js特效。<hr>
<!--欢迎来到吾吾织梦，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.55zm.com，55zm@msn.com,用.com打造靓站-->
<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">点击这里打开窗口</a>
<div id="light" class="www_55zm_com">
welcome to www.55zm.com
吾吾织梦，打造国内最帅的网页特效站。
<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
Close</a></div>
<div id="fade" class="black_overlay">
</div>
</body>
</html> 展开
展开全部
问题不清楚，这个不是已经实现了打开弹出窗口的功能了
追问
我弄明白了，还是谢谢你的回答。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
