소스를 구해요~ > 자유게시판

소스를 구해요~ 정보

소스를 구해요~

오리7 자기소개 아이디로 검색 회원게시물 (221.♡.♡.228)
2011.03.17 15:57:30
조회 1,788
댓글 3

본문

http://www.glamlife.co.kr/

로그인창이 뜨면 주변이 불투명하게 바뀌는 소스요~
어떻게 하면 저렇게 되나요? 꼭 알려주세여~

댓글 3개

프리젠 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

(58.♡.♡.57)

11.03.17 17:54:05

<html>
<style type="text/css">
html { width:100%; height:100%; }
body { width:100%; height:100%; margin: 0px; padding: 0px; font-size:9pt; }
.SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; }
.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
.SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 20px 4px 20px; border: solid 1px #cfcfcf; }
</style>
<script language="javascript" type="text/javascript">
// 심플 라이트박스 효과
var SLB_cnt = 0;
function SLB_show(url, type)
{
var a = document.getElementById('SLB_film');
var b = document.getElementById('SLB_content');
var c = document.getElementById('SLB_loading');
if(url) {
a.style.top = 0;
a.style.left = 0;
a.style.display = "";
a.style.height = document.body.scrollHeight + 'px';
document.getElementById('SLB_loading').style.display = "block";
SLB_setCenter(c,true);
if(type == 'image') {
b.innerHTML="<img src=" + url + " class='SLB_center' onload='SLB_setCenter(this);' />";
if(arguments[2]) a.onclick = function () { SLB_show() };
if(arguments[3]) b.innerHTML += "<div class='SLB_caption'>"+ arguments[3] +"</div>";;
} else if (type == 'iframe') {
b.innerHTML="<iframe src=" + url + " width="+ arguments[2] +" height="+ arguments[3] +" class='SLB_center' marginwidth='0' marginheight='0' frameborder='0' vspace='0' hspace='0' onload='SLB_setCenter(this);' /></iframe>";
if(arguments[4]) {
b.innerHTML += "<div class='SLB_close' onclick='SLB_show();' title='닫기'>close</div>";
}
b.onclick = ''; b.firstChild.style.cursor = 'default';
} else if (type='html'){
b.innerHTML = url;
SLB_setCenter(b.firstChild);
if(arguments[2]) b.onclick = '';
}
hideSelect();
} else {
a.onclick = '';
a.style.display = "none";
b.innerHTML = "";
b.onclick = function () { SLB_show() };
c.style.display = "none";
showSelect();
SLB_cnt = 0;
}
}

function SLB_setCenter(obj) {
if (obj) {
var h = window.innerHeight || self.innerHeight || document.body.clientHeight;
var w = window.innerWidth || self.innerWidth || document.body.clientWidth;
var l = (document.body.scrollLeft + ((w-(obj.width||parseInt(obj.style.width)||obj.offsetWidth))/2));
var t = (document.body.scrollTop + ((h-(obj.height||parseInt(obj.style.height)||obj.offsetHeight))/2));
if((obj.width||parseInt(obj.style.width)||obj.offsetWidth) >= w) l = 0;
if((obj.height||parseInt(obj.style.height)||obj.offsetHeight) >= h) t = document.body.scrollTop;
document.getElementById('SLB_content').style.left = l + "px";
if(SLB_cnt == 0) {
document.getElementById('SLB_content').style.top = t + "px";
if(document.getElementById('SLB_content').offsetHeight >= h) {
SLB_cnt ++;
}
}
obj.style.visibility = 'visible';
if(obj.nextSibling && (obj.nextSibling.className == 'SLB_close' || obj.nextSibling.className == 'SLB_caption')) {
obj.nextSibling.style.display = 'block';
if(document.getElementById('SLB_content').offsetHeight < h) {
document.getElementById('SLB_content').style.top = parseInt(document.getElementById('SLB_content').style.top) - (obj.nextSibling.offsetHeight/2) + "px";
}
}
if(!arguments[1]) {
document.getElementById('SLB_loading').style.display = "none";
} else {
obj.style.left = l + "px";
obj.style.top = t + "px";
}
}
}

function hideSelect() {
var windows = window.frames.length;
var selects = document.getElementsByTagName("SELECT");
for (i=0;i < selects.length ;i++ )
{
selects[i].style.visibility = "hidden";
}

if (windows > 0) {
for(i=0; i < windows; i++) {
try {
var selects = window.frames[i].document.getElementsByTagName("SELECT");
for (j=0;j<selects.length ;j++ )
{
selects[j].style.visibility = "hidden";
}
} catch (e) {}
}
}
}

function showSelect() {
var windows = window.frames.length;
var selects = document.getElementsByTagName("SELECT");
for (i=0;i < selects.length ;i++ )
{
selects[i].style.visibility = "visible";
}

if (windows > 0) {
for(i=0; i < windows; i++) {
try {
var selects = window.frames[i].document.getElementsByTagName("SELECT");
for (j=0;j<selects.length ;j++ )
{
selects[j].style.visibility = "visible";
}
} catch (e) {}
}
}
}

var prevOnScroll = window.onscroll;
window.onscroll = function () {
if(prevOnScroll != undefined) prevOnScroll();
document.getElementById('SLB_film').style.height = document.body.scrollHeight + 'px';
document.getElementById('SLB_film').style.width = document.body.scrollWidth + 'px';
SLB_setCenter(document.getElementById('SLB_content').firstChild);
}
var prevOnResize = window.onresize;
window.onresize = function () {
if(prevOnResize != undefined) prevOnResize();
document.getElementById('SLB_film').style.height = document.body.offsetHeight + 'px';
document.getElementById('SLB_film').style.width = document.body.offsetWidth + 'px';
SLB_setCenter(document.getElementById('SLB_content').firstChild);
}
</script>
<head>
<body><br>
<br>
<br>
<br>
<br>
<br>
<br>

<table width="667" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="3" bgcolor="#53a5c1"></td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td align="center"><div id="SLB_film" style="z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000000; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;"></div>
<div id="SLB_content" onClick="SLB_show();" align="center" style="z-index: 99999; position:absolute;"></div>
<div id="SLB_loading" onClick="SLB_show();" title="로딩중...클릭시 취소"> Loading... </div>

<div>
<a onClick="SLB_show('ex.php','iframe', 864, 613, true);" style='cursor:pointer; border-bottom:0px solid blue; line-height:2;'>라이트박스효과 </a></div> </td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td height="3" bgcolor="#53a5c1"></td>
</tr>
</table>
</body>
</head>
</html>

--------------------------------------
참고하세요.. 도움이 되셨기를...

<html>
<style type="text/css">    
            html { width:100%; height:100%; }      
            body { width:100%; height:100%; margin: 0px; padding: 0px; font-size:9pt; }      
            .SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; }      
            .SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }      
            .SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }      
            #SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 20px 4px 20px; border: solid 1px #cfcfcf; }      
        </style>    
        <script language="javascript" type="text/javascript">    
            // 심플 라이트박스 효과 
            var SLB_cnt = 0;  
            function SLB_show(url, type)      
            {      
                var a = document.getElementById('SLB_film');      
                var b = document.getElementById('SLB_content');      
                var c = document.getElementById('SLB_loading');      
                if(url) {      
                    a.style.top = 0;      
                    a.style.left = 0;      
                    a.style.display = "";      
                    a.style.height = document.body.scrollHeight + 'px';      
                    document.getElementById('SLB_loading').style.display = "block";      
                    SLB_setCenter(c,true);      
                    if(type == 'image') {      
                        b.innerHTML="<img src=" + url + " class='SLB_center' onload='SLB_setCenter(this);' />";      
                        if(arguments[2]) a.onclick = function () { SLB_show() };      
                        if(arguments[3]) b.innerHTML += "<div class='SLB_caption'>"+ arguments[3] +"</div>";;      
                    } else if (type == 'iframe') {      
                        b.innerHTML="<iframe src=" + url + " width="+ arguments[2] +" height="+ arguments[3] +" class='SLB_center' marginwidth='0' marginheight='0' frameborder='0' vspace='0' hspace='0' onload='SLB_setCenter(this);' /></iframe>";        
                        if(arguments[4]) {      
                            b.innerHTML += "<div class='SLB_close' onclick='SLB_show();' title='닫기'>close</div>";      
                        }      
                        b.onclick = ''; b.firstChild.style.cursor = 'default';      
                    } else if (type='html'){      
                        b.innerHTML = url;      
                        SLB_setCenter(b.firstChild);      
                        if(arguments[2]) b.onclick = '';      
                    }  
                    hideSelect();  
                } else {      
                    a.onclick = '';      
                    a.style.display = "none";      
                    b.innerHTML = "";      
                    b.onclick = function () { SLB_show() };      
                    c.style.display = "none";      
                    showSelect();  
                    SLB_cnt = 0;  
                }      
            }      
                  
            function SLB_setCenter(obj) {      
                if (obj) {      
                    var h = window.innerHeight || self.innerHeight || document.body.clientHeight;      
                    var w = window.innerWidth || self.innerWidth || document.body.clientWidth;      
                    var l = (document.body.scrollLeft + ((w-(obj.width||parseInt(obj.style.width)||obj.offsetWidth))/2));      
                    var t = (document.body.scrollTop + ((h-(obj.height||parseInt(obj.style.height)||obj.offsetHeight))/2));      
                    if((obj.width||parseInt(obj.style.width)||obj.offsetWidth) >= w) l = 0;      
                    if((obj.height||parseInt(obj.style.height)||obj.offsetHeight) >= h) t = document.body.scrollTop;      
                    document.getElementById('SLB_content').style.left = l + "px";  
                    if(SLB_cnt == 0) {        
                        document.getElementById('SLB_content').style.top = t + "px";    
                        if(document.getElementById('SLB_content').offsetHeight >= h) {  
                            SLB_cnt ++;  
                        }  
                    }  
                    obj.style.visibility = 'visible';      
                    if(obj.nextSibling && (obj.nextSibling.className == 'SLB_close' || obj.nextSibling.className == 'SLB_caption')) {      
                        obj.nextSibling.style.display = 'block';  
                        if(document.getElementById('SLB_content').offsetHeight < h) {  
                            document.getElementById('SLB_content').style.top = parseInt(document.getElementById('SLB_content').style.top) -    (obj.nextSibling.offsetHeight/2) + "px";  
                        }  
                    }      
                    if(!arguments[1]) {      
                        document.getElementById('SLB_loading').style.display = "none";  
                    } else {  
                        obj.style.left = l + "px";      
                        obj.style.top = t + "px";  
                    }      
                }      
            }  
              
            function hideSelect() {  
                var windows = window.frames.length;  
                var selects = document.getElementsByTagName("SELECT");  
                for (i=0;i < selects.length ;i++ )  
                {  
                    selects[i].style.visibility = "hidden";  
                }  
  
                if (windows > 0) {  
                    for(i=0; i < windows; i++) {  
                        try {  
                            var selects = window.frames[i].document.getElementsByTagName("SELECT");  
                            for (j=0;j<selects.length ;j++ )  
                            {  
                                selects[j].style.visibility = "hidden";  
                            }  
                        } catch (e) {}  
                    }  
                }  
            }  
  
            function showSelect() {  
                var windows = window.frames.length;  
                var selects = document.getElementsByTagName("SELECT");  
                for (i=0;i < selects.length ;i++ )  
                {  
                    selects[i].style.visibility = "visible";  
                }  
  
                if (windows > 0) {  
                    for(i=0; i < windows; i++) {  
                        try {  
                            var selects = window.frames[i].document.getElementsByTagName("SELECT");  
                            for (j=0;j<selects.length ;j++ )  
                            {  
                                selects[j].style.visibility = "visible";          
                            }  
                        } catch (e) {}  
                    }  
                }  
            }  
  
            var prevOnScroll = window.onscroll;      
            window.onscroll = function () {      
                if(prevOnScroll != undefined) prevOnScroll();      
                document.getElementById('SLB_film').style.height = document.body.scrollHeight + 'px';      
                document.getElementById('SLB_film').style.width = document.body.scrollWidth + 'px';      
                SLB_setCenter(document.getElementById('SLB_content').firstChild);                
            }      
            var prevOnResize = window.onresize;        
            window.onresize = function () {      
                if(prevOnResize != undefined) prevOnResize();      
                document.getElementById('SLB_film').style.height = document.body.offsetHeight + 'px';      
                document.getElementById('SLB_film').style.width = document.body.offsetWidth + 'px';      
                SLB_setCenter(document.getElementById('SLB_content').firstChild);            
            }      
        </script>  
<head>
<body><br>
<br>
<br>
<br>
<br>
<br>
<br>

<table width="667" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="3" bgcolor="#53a5c1"></td>
  </tr>
  <tr>
    <td height="15"></td>
  </tr>
  <tr>
    <td align="center"><div id="SLB_film" style="z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000000; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;"></div>    
    <div id="SLB_content" onClick="SLB_show();" align="center" style="z-index: 99999; position:absolute;"></div>    
    <div id="SLB_loading" onClick="SLB_show();" title="로딩중...클릭시 취소"> Loading... </div>    
    
    <div>    
    <a onClick="SLB_show('ex.php','iframe', 864, 613, true);" style='cursor:pointer; border-bottom:0px solid blue; line-height:2;'>라이트박스효과 </a></div> </td>
  </tr>
  <tr>
    <td height="15"></td>
  </tr>
  <tr>
    <td height="3" bgcolor="#53a5c1"></td>
  </tr>
</table>
</body>
</head>
</html>

--------------------------------------
참고하세요.. 도움이 되셨기를...