이전
목록
다음
엠

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

CLUB
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 2226
<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,653
19년 전 조회 2,784
19년 전 조회 2,755
19년 전 조회 3,598
19년 전 조회 4,809
19년 전 조회 3,154
19년 전 조회 2,997
19년 전 조회 3,533
19년 전 조회 6,466
19년 전 조회 2,376
19년 전 조회 2,183
19년 전 조회 2,145
19년 전 조회 2,195
19년 전 조회 3,373
19년 전 조회 2,446
19년 전 조회 2,124
19년 전 조회 1,829
19년 전 조회 2,275
19년 전 조회 3,546
19년 전 조회 3,408
19년 전 조회 2,113
19년 전 조회 1,676
19년 전 조회 3,359
19년 전 조회 2,233
19년 전 조회 1,805
19년 전 조회 3,030
19년 전 조회 2,163
19년 전 조회 2,031
19년 전 조회 2,004
19년 전 조회 1,960
19년 전 조회 2,395
19년 전 조회 2,820
19년 전 조회 1,967
19년 전 조회 1,707
19년 전 조회 1,717
19년 전 조회 1,673
19년 전 조회 3,405
19년 전 조회 3,094
19년 전 조회 1,842
19년 전 조회 3,597
19년 전 조회 2,021
19년 전 조회 1,665
19년 전 조회 2,137
19년 전 조회 2,285
19년 전 조회 1,839
19년 전 조회 2,526
19년 전 조회 2,167
19년 전 조회 1,782
19년 전 조회 1,970
19년 전 조회 2,226
19년 전 조회 1,995
19년 전 조회 1,779
19년 전 조회 1,842
19년 전 조회 3,334
19년 전 조회 2,187
19년 전 조회 2,048
19년 전 조회 4,543
19년 전 조회 5,169
19년 전 조회 3,346
19년 전 조회 3,077
19년 전 조회 3,683
19년 전 조회 2,220
19년 전 조회 2,578
19년 전 조회 2,880
19년 전 조회 2,944
19년 전 조회 2,547
19년 전 조회 1,808
19년 전 조회 3,597
19년 전 조회 2,170
19년 전 조회 2,569
19년 전 조회 2,634
19년 전 조회 3,071
19년 전 조회 5,393
19년 전 조회 2,670
19년 전 조회 3,507
19년 전 조회 4,447
19년 전 조회 2,705
19년 전 조회 2,638
19년 전 조회 4,236
19년 전 조회 2,934
19년 전 조회 3,170
19년 전 조회 2,390
19년 전 조회 2,394
19년 전 조회 2,189
19년 전 조회 3,487
19년 전 조회 2,290
19년 전 조회 2,978
19년 전 조회 1,924
19년 전 조회 5,485
19년 전 조회 3,757
19년 전 조회 4,501
19년 전 조회 3,246
19년 전 조회 2,713
19년 전 조회 4,107
19년 전 조회 2,826
19년 전 조회 3,173
19년 전 조회 3,145
19년 전 조회 4,359
19년 전 조회 3,310
19년 전 조회 3,200
이전 첫 페이지 다음
글쓰기