SIR
북

소스를 구해요~

오리7
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 14년 전 · 1013 · 3
http://www.glamlife.co.kr/

로그인창이 뜨면 주변이 불투명하게 바뀌는 소스요~
어떻게 하면 저렇게 되나요? 꼭 알려주세여~
#디자이너톡
|
글쓰기

댓글 3개

프프리젠
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
<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>

--------------------------------------
참고하세요.. 도움이 되셨기를...
nneue
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=94894&sca=%EC%99%B8%EB%B6%80%EB%A1%9C%EA%B7%B8%EC%9D%B8

이것두 참고하셔요
이전글목록다음글
댓글을 작성하시려면 로그인이 필요합니다. 로그인

디자인

태그 필터 (최대 3개) 전체 디자이너톡 포토샵 플래시 기타 일러스트 디자이너팁 폰트문의 저작권상담 디자인시안 외부로그인 게시판 최근게시물 회원가입 회원통합스킨 갤러리 일반 스크랩 로그인 전체검색 달력 폼메일 최신글 접속자 설문조사 쪽지 패스워드찾기 우편번호 디자인 레이아웃 추천사이트
+
제목 글쓴이 날짜 조회
14년 전 조회 1,638
14년 전 조회 902
14년 전 조회 1,574
14년 전 조회 912
14년 전 조회 1,395
14년 전 조회 972
14년 전 조회 2,845
14년 전 조회 1,388
14년 전 조회 2,181
14년 전 조회 1,494
14년 전 조회 2,513
14년 전 조회 1,064
14년 전 조회 3,035
14년 전 조회 858
14년 전 조회 994
14년 전 조회 1,611
14년 전 조회 883
14년 전 조회 3,029
14년 전 조회 968
14년 전 조회 862
14년 전 조회 2,622
14년 전 조회 2,108
14년 전 조회 1,026
14년 전 조회 1,313
14년 전 조회 2,796
14년 전 조회 1,905
14년 전 조회 1,083
14년 전 조회 1,591
14년 전 조회 863
14년 전 조회 1,277
14년 전 조회 790
14년 전 조회 875
14년 전 조회 1,484
14년 전 조회 2,249
14년 전 조회 2,840
14년 전 조회 1,856
14년 전 조회 2,429
14년 전 조회 2,025
14년 전 조회 3,493
14년 전 조회 2,908
14년 전 조회 887
14년 전 조회 8,544
14년 전 조회 800
14년 전 조회 1,364
14년 전 조회 4,442
14년 전 조회 1,395
14년 전 조회 972
14년 전 조회 1,200
14년 전 조회 1,086
14년 전 조회 1,014
14년 전 조회 4,335
14년 전 조회 3,897
14년 전 조회 969
14년 전 조회 1,546
14년 전 조회 1,369
14년 전 조회 802
14년 전 조회 4,609
14년 전 조회 2,160
14년 전 조회 764
14년 전 조회 1,151
14년 전 조회 808
14년 전 조회 590
14년 전 조회 1,075
14년 전 조회 926
14년 전 조회 905
14년 전 조회 4,279
14년 전 조회 2,067
14년 전 조회 870
14년 전 조회 873
14년 전 조회 1,563
14년 전 조회 936
14년 전 조회 785
14년 전 조회 775
14년 전 조회 1,127
14년 전 조회 773
14년 전 조회 1,326
14년 전 조회 1,425
14년 전 조회 742
14년 전 조회 588
14년 전 조회 932
14년 전 조회 3,570
14년 전 조회 1,286
14년 전 조회 1,034
14년 전 조회 1,033
14년 전 조회 7,089
14년 전 조회 810
14년 전 조회 1,561
14년 전 조회 585
15년 전 조회 717
15년 전 조회 965
15년 전 조회 937
15년 전 조회 1,204
15년 전 조회 1,025
15년 전 조회 851
15년 전 조회 788
15년 전 조회 791
15년 전 조회 902
15년 전 조회 731
15년 전 조회 919
15년 전 조회 786
이전 첫 페이지 다음
글쓰기
🐛 버그신고