이전
목록
다음
엠

가운데 정렬된 홈페이지에서 따라다니는 레이어

CLUB
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 2223
<html>
<head>
<title>가운데 정렬된 홈페이지에서 따라다니는 레이어</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function flevDivPositionValue(sDiv, sProperty) { // v2.1, Marja Ribbers-de Vroed, FlevOOware
this.opera = (window.opera); // Opera 5+
this.ns4 = (document.layers); // Netscape 4.x
this.ns6 = (document.getElementById && !document.all && !this.opera); // Netscape 6+
this.ie = (document.all); // Internet Explorer 4+
var sValue = ""; docObj = eval("MM_findObj('" + sDiv + "')"); if (docObj == null) {return 0;}
if ((sProperty == "left") || (sProperty == "top")) {
if (!this.ns4) {docObj = docObj.style;}
sValue = eval("docObj." + sProperty);
if ((this.ie) && (sValue == "")) { // IE (on PC) bug with nested layers
if (sProperty == "top") { sValue = eval(sDiv + ".offsetTop"); }
else { sValue = eval(sDiv + ".offsetLeft"); }
};
}
else {
if (this.opera) {
docObj = docObj.style;
if (sProperty == "height") { sValue = docObj.pixelHeight; }
else if (sProperty == "width") { sValue = docObj.pixelWidth; }
}
else if (this.ns4) {sValue = eval("docObj.clip." + sProperty);}
else if (this.ns6) {sValue = document.defaultView.getComputedStyle(docObj, "").getPropertyValue(sProperty); }
else if (this.ie) {
if (sProperty == "width") { sValue = eval(sDiv + ".offsetWidth"); }
else if (sProperty == "height") { sValue = eval(sDiv + ".offsetHeight"); }
}
}
sValue = (sValue == "") ? 0 : sValue;
if (isNaN(sValue)) { if (sValue.indexOf('px') > 0) { sValue = sValue.substring(0,sValue.indexOf('px')); } }
return parseInt(sValue);
}

function flevPersistentLayer() { // v3.3, Marja Ribbers-de Vroed, FlevOOware
var sD = arguments[0], oD = eval("MM_findObj('" + sD + "')"), iWW, iWH, iSX, iSY, iT = 10, sS = "";
if (!document.layers) {oD = oD.style;}
if (oD.tmpTimeout != null) {clearTimeout(oD.tmpTimeout);}
var sXL = arguments[1], sXC = arguments[2], sXR = arguments[3], sYT = arguments[4], sYC = arguments[5], sYB = arguments[6];
var iS = (arguments.length > 7) ? parseInt(arguments[7]) : 0, iPx = (arguments.length > 8) ?
parseInt(arguments[8]) : 0;
if (window.innerWidth) { // NS4, NS6 and Opera
var oW = window; iWW = oW.innerWidth; iWH = oW.innerHeight; iSX = oW.pageXOffset; iSY = oW.pageYOffset; }
else if (document.documentElement && document.documentElement.clientWidth) { // IE6 instandards compliant mode
var oDE = document.documentElement; iWW = oDE.clientWidth; iWH = oDE.clientHeight; iSX = oDE.scrollLeft; iSY = oDE.scrollTop; }
else if (document.body) { // IE4+
var oDB = document.body; iWW = oDB.clientWidth; iWH = oDB.clientHeight; iSX = oDB.scrollLeft; iSY = oDB.scrollTop; }
else {return;}
var iCX = iNX = flevDivPositionValue(sD, 'left'), iCY = iNY = flevDivPositionValue(sD, 'top'); if (sXL != "") {iNX = iSX + parseInt(sXL);}
else if (sXC != "") {iNX = Math.round(iSX + (iWW/2) - (flevDivPositionValue(sD, 'width')/2));}
else if (sXR != "") {iNX = iSX + iWW - (flevDivPositionValue(sD, 'width') + parseInt(sXR));}
if (sYT != "") {iNY = iSY + parseInt(sYT);}
else if (sYC != "") {iNY = Math.round(iSY + (iWH/2) - (flevDivPositionValue(sD, 'height')/2));}
else if (sYB != "") {iNY = iSY + (iWH - flevDivPositionValue(sD, 'height') - parseInt(sYB));}
if ((iCX != iNX) || (iCY != iNY)) {
if (iS > 0) {
if (iPx > 0) { iT = iS;
var iPxX = iPx, iPxY = iPx, iMX = Math.abs(iCX - iNX), iMY = Math.abs(iCY - iNY);
// take care of diagonal movement
if (iMX < iMY) {iPxY = (iMX != 0) ? ((iMY/iMX)*iPx) : iPx;}
else {iPxX = (iMY != 0) ? ((iMX/iMY)*iPx) : iPx;}
if (iPxX >= iMX) {iPxX = Math.min(Math.ceil(iPxX), iPx);}
if (iPxY >= iMY) {iPxY = Math.min(Math.ceil(iPxY), iPx);}
// temporary X/Y coordinates
if ((iCX < iNX) && (iCX + iPxX < iNX)) {iNX = iCX + iPxX;}
if ((iCX > iNX) && (iCX - iPxX > iNX)) {iNX = iCX - iPxX;}
if ((iCY < iNY) && (iCY + iPxY < iNY)) {iNY = iCY + iPxY;}
if ((iCY > iNY) && (iCY - iPxY > iNY)) {iNY = iCY - iPxY;} }
else {
var iMX = ((iNX - iCX) / iS), iMY = ((iNY - iCY) / iS);
iMX = (iMX > 0) ? Math.ceil(iMX) : Math.floor(iMX); iNX = iCX + iMX;
iMY = (iMY > 0) ? Math.ceil(iMY) : Math.floor(iMY); iNY = iCY + iMY; } }
if ((parseInt(navigator.appVersion)>4 || navigator.userAgent.indexOf("MSIE")>-1) &&
(!window.opera)) {sS="px";}
if (iMX != 0) {eval("oD.left = '" + iNX + sS + "'");}
if (iMY != 0) {eval("oD.top = '" + iNY + sS + "'");} }
var sF = "flevPersistentLayer('" + sD + "','" + sXL + "','" + sXC + "','" + sXR + "','" + sYT + "','" + sYC
+ "','" + sYB + "'," + iS + "," + iPx + ")";
oD.tmpTimeout = setTimeout(sF,10);
}

function flevInitPersistentLayer() { // v3.3, Marja Ribbers-de Vroed, FlevOOware
if (arguments.length < 8) {return;}
var sD = arguments[0]; if (sD == "") {return;}
var oD = eval("MM_findObj('" + sD + "')"); if (!oD) {return;}
var iCSS = parseInt(arguments[1]);
var sXL = arguments[2], sXC = arguments[3], sXR = arguments[4], sYT = arguments[5], sYC =
arguments[6], sYB = arguments[7];
var iS = (arguments.length > 8) ? parseInt(arguments[8]) : 0, iPx = (arguments.length > 9) ?
parseInt(arguments[9]) : 0;
if (iCSS != 0) { if (!document.layers) {oD = oD.style;} sXL = parseInt(oD.left), sYT =
parseInt(oD.top);}
var sF = "flevPersistentLayer('" + sD + "','" + sXL + "','" + sXC + "','" + sXR + "','" + sYT + "','" + sYC
+ "','" + sYB + "'," + iS + "," + iPx + ")";
eval(sF);
}
//-->
</script>
</head>
<body onLoad="flevInitPersistentLayer('Layer1','0','','','','10','','','10');">

<div id="Layer1" style="background-color:rgb(204,204,51); border-width:1px; border-color:black; border-style:none; width:142px; height:317px; position:relative; left:50px; top:60px; z-index:1; left:expression( (document.body.clientWidth/2)+250); layer-background-color:rgb(204,204,51); ">ㅎㅎㅎ</div>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
#개발자팁 #개발자 #팁자료실 #javascript
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
19년 전 조회 3,652
19년 전 조회 2,783
19년 전 조회 2,753
19년 전 조회 3,597
19년 전 조회 4,808
19년 전 조회 3,153
19년 전 조회 2,996
19년 전 조회 3,533
19년 전 조회 6,463
19년 전 조회 2,376
19년 전 조회 2,182
19년 전 조회 2,143
19년 전 조회 2,195
19년 전 조회 3,371
19년 전 조회 2,446
19년 전 조회 2,124
19년 전 조회 1,829
19년 전 조회 2,275
19년 전 조회 3,546
19년 전 조회 3,407
19년 전 조회 2,112
19년 전 조회 1,675
19년 전 조회 3,358
19년 전 조회 2,232
19년 전 조회 1,805
19년 전 조회 3,027
19년 전 조회 2,163
19년 전 조회 2,029
19년 전 조회 2,003
19년 전 조회 1,960
19년 전 조회 2,394
19년 전 조회 2,819
19년 전 조회 1,966
19년 전 조회 1,706
19년 전 조회 1,715
19년 전 조회 1,673
19년 전 조회 3,404
19년 전 조회 3,094
19년 전 조회 1,841
19년 전 조회 3,596
19년 전 조회 2,021
19년 전 조회 1,662
19년 전 조회 2,134
19년 전 조회 2,284
19년 전 조회 1,838
19년 전 조회 2,526
19년 전 조회 2,166
19년 전 조회 1,782
19년 전 조회 1,970
19년 전 조회 2,224
19년 전 조회 1,994
19년 전 조회 1,778
19년 전 조회 1,841
19년 전 조회 3,333
19년 전 조회 2,187
19년 전 조회 2,045
19년 전 조회 4,542
19년 전 조회 5,168
19년 전 조회 3,343
19년 전 조회 3,077
19년 전 조회 3,681
19년 전 조회 2,217
19년 전 조회 2,578
19년 전 조회 2,880
19년 전 조회 2,943
19년 전 조회 2,546
19년 전 조회 1,807
19년 전 조회 3,594
19년 전 조회 2,170
19년 전 조회 2,568
19년 전 조회 2,631
19년 전 조회 3,071
19년 전 조회 5,391
19년 전 조회 2,669
19년 전 조회 3,505
19년 전 조회 4,446
19년 전 조회 2,705
19년 전 조회 2,637
19년 전 조회 4,234
19년 전 조회 2,934
19년 전 조회 3,170
19년 전 조회 2,389
19년 전 조회 2,394
19년 전 조회 2,188
19년 전 조회 3,486
19년 전 조회 2,289
19년 전 조회 2,977
19년 전 조회 1,924
19년 전 조회 5,483
19년 전 조회 3,757
19년 전 조회 4,500
19년 전 조회 3,245
19년 전 조회 2,713
19년 전 조회 4,106
19년 전 조회 2,824
19년 전 조회 3,172
19년 전 조회 3,145
19년 전 조회 4,358
19년 전 조회 3,309
19년 전 조회 3,199
이전 첫 페이지 다음
글쓰기