테스트 사이트 - 개발 중인 베타 버전입니다

Top으로 ver2

· 19년 전 · 1706
몇가지 섞어봤습니다.

"M$", "불여우.." 모두 잘 되구요. Mac에서는 "Mac용 M$ El(5.2)"에서는 죽어도 안되는군요. "Mac 사파리"는 잘됩니다.

============================================================


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Top으로 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript">
<!--

function back_top() {
x = document.body.scrollLeft;
y = document.body.scrollTop;
step = 2;

while ((x != 0) || (y != 0)) {
scroll (x, y);
step += (step * step / 100);
x -= step;
y -= step;
if (x < 0) x = 0;
if (y < 0) y = 0;
}
scroll (0, 0);
}

//top 버튼 용 레이어 생성
var verticalpos="frombottom";
document.write('<div style="z-index:0; width:100%; height:0px; position:absolute; display:block;">');
document.write(' <table width="900" height="0" border="0" align="center">'); // FIXED시킬 내용의 가로폭
document.write(' <tr>');
document.write(' <td>');
document.write(' <div id="divStayTopLeft" style="z-index:0; width:55px; height:13px; position:relative; display:none;">');
document.write(' <layer id="divStayTopLeft">');
document.write(' <img src="btn_top_001.gif" width="42" height="18" border="0" onClick="javascript:back_top();" onFocus="this.blur()" style="cursor:pointer;">');
document.write(' </layer>');
document.write(' </div>');
document.write(' </td>');
document.write(' </tr>');
document.write(' </table>');
document.write('</div>');

function TopDiv(path) {

var objTop = document.getElementById("divStayTopLeft");
objTop.style.display = "block";

var startX = 860; //X축 위치
startY = 100; //브라우저 하단에서의 위치

var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;

function ml(id) {

var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;

if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}

return el;
}

window.stayTopLeft=function() {

if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}

else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}

ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);

}

ftlObj = ml("divStayTopLeft");
stayTopLeft();

}

//-->
</script>

</head>

<body onload="TopDiv();">
<table width="900" height="0" border="1" align="center">
<tr>
<td>
내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>
</td>
</tr>
</table>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
11348
정규표현식 정규식 표현법
11346
11345
11336
11332
11329
11326
11324
11323
11321
11320
11319
11318
11317
11316
11315
11314
11313
11312
11311
11310
11308
11304
JavaScript 주소표시 3
20200
11300