我自己的方法是:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Lightbox basic By V</title> <script language=JavaScript> var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; window.onload = function(){
我改你的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Lightbox basic By V</title> <script language=JavaScript> var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; window.onload = function(){
其实就是显示一个黑色的遮罩层,前面的很多函数都是初始化用的,封装就是他妈麻烦,要是直接用css写好那个层,几行代码就行了
其实一般使用也没什么必要封装了看了一下
this.Color= Ncolor;
这里大小写错了欢迎看我的原文
<html>
<head>
<title>Lightbox basic By V</title>
<script language=JavaScript>
var $ = function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
}; window.onload = function(){
$("idBoxOpen").onclick = function(){
$("blacklay").style.display = "block";
}
$("idBoxClose").onclick = function(){
$("blacklay").style.display = "none";
}
}
</script>
<style type=text/css>
#blacklay{
background:black;
position:fixed;
width:100%;
height:100%;
opacity:0.5;
zindex:1000;
top:0px;
left:0px;
}
</style>
</head>
<body>
<div id="blacklay" style="display:none;"> <input name="" type="button" value=" 关闭 " id="idBoxClose" /></div>
<br><br><br><br><br><br><br><br><br><br>
<input name="" type="button" value=" 打开黑色 " id="idBoxOpen" />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>sdfsdfsdf
</body>就行了,但是用封装的话,这个层连初始化函数里面的set()方法都没有执行,因为遮罩层根本就没有隐藏。不仅仅是那个大小写的问题,希望大哥再替我看看
不过你那段是不兼容ie6和ff的
<html>
<head>
<title>Lightbox basic By V</title>
<script language=JavaScript>
var $ = function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
}; window.onload = function(){
$("idBoxOpen").onclick = function(){
$("blacklay").style.display = "block";
}
$("idBoxClose").onclick = function(){
$("blacklay").style.display = "none";
}
}
</script>
<style type=text/css>
#blacklay{
background:black;
position:fixed;
width:100%;
height:100%;
filter:alpha(opacity=50);
opacity:0.5;
zindex:1000;
top:0px;
left:0px;
}
</style>
</head>
<body>
<div id="blacklay" style="display:none;"> <input name="" type="button" value=" 关闭 " id="idBoxClose" /></div>
<br><br><br><br><br><br><br><br><br><br>
<input name="" type="button" value=" 打开黑色 " id="idBoxOpen" />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>sdfsdfsdf
</body> </html>
-moz-opacity:0.5;
opacity: 0.5;