자바스크립트 마스킹 레이어 효과_자바스크립트 기술

생각해 보니 아직 객체지향을 잘 이해하지 못해서 포스팅하는 편이 나을 것 같습니다.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css"> * { padding:0; margin:0; list-style:none; } html{ height:100%;} body { font-family:Verdana, Geneva, sans-serif; font-size:14px;height:100%; line-height:26px; } #wrap { width:960px; margin:0 auto; height:auto; } #divId_no_click { position:absolute; display:none; top:0; left:0; width: 100%; height:100%; background-color: #555; z-index: 9999; filter: alpha(opacity=10); opacity:0.3; } </style>알았어 <div id="wrap"> <a href="javascript:void(0)" id="ok"></a> </div> <div id="divId_no_click"> </div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]당신 이전 글을 추가할 수도 있습니다. 팝업 레이어 센터링 효과를 만들려면 이 예시와 함께

을 추가하세요.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="author" content="Stri"> <title> </title> <style type="text/css"> * { padding:0; margin:0; list-style:none; } #a { width:380px; height:80px; border:5px solid #d3d3d3; background-color:#f7f7f7; position:absolute; padding:10px; z-index:999999; } a.btn { display:block; width:80px; cursor:pointer; background-color:#f7f7f7; padding:2px 0px; border:1px solid #d5d5d5; vertical-align:middle; text-align:center; margin:50px auto 5px; text-decoration:none; } a:hover { background-color:#333; color:#fff; font-weight:bold; } html { height:100%; } body { font-family:Verdana, Geneva, sans-serif; font-size:14px; height:100%; line-height:26px; } #wrap { width:960px; margin:0 auto; height:auto; } #divId_no_click { position:absolute; display:none; top:0; left:0; width: 100%; height:100%; background-color: #555; z-index: 9999; filter: alpha(opacity=10); opacity:0.3; } #aa { position:fixed; bottom:20px; right:10px; } </style> <div id="divId_no_click"> </div> <div id="wrap">제출<a href="javascript:void(0);" id="aa"></a> </div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

메인 코드:

코드 복사 코드는 다음과 같습니다.

var Class = {
min_w:960,
bint : function(r) {
$(r).style.display = "블록";
$(r).style.height =Math.max(parseInt(document. documentElement.scrollHeight),parseInt(document .documentElement.offsetHeight)) "px";
$(r).style.width = Math.max(parseInt(document.body.offsetWidth),Class.min_w) "px" ;
},
x: function(r,d) {
for (i = 1; i < r; i ) {
var c = document.createElement("div");
c.innerHTML = i ;
$(d).appendChild(c)
}
},
res: function(r,wr) {
$(r) .style.width = Math.max (parseInt(document.body.offsetWidth),Class.min_w) "px";
$(r).style.height =Math.max(parseInt(document.documentElement.scrollHeight) ,parseInt(document.documentElement.offsetHeight )) "px"
}
};