Top으로 ver2
몇가지 섞어봤습니다.
"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>
"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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 951 | |
| 946 | |
| 942 | |
| 937 | |
| 933 | |
| 928 |
기타
타입 툴사용시 팁
4
|
| 925 |
JavaScript
쓸모있는 'border-collapse' 속성
2
|
| 923 |
Linux
페도라 리눅스 시디1장으로 설치하기
1
|
| 922 | |
| 17851 | |
| 921 | |
| 918 | |
| 17849 | |
| 915 | |
| 914 |
JavaScript
움직임이 자연스러운 자바시계
|
| 913 | |
| 909 |
JavaScript
마우스 cursor
3
|
| 908 |
기타
그림자가 있는 글자
|
| 905 |
기타
6개국 시간
2
|
| 901 |
기타
css_table
1
|
| 903 | |
| 899 | |
| 893 |
JavaScript
일러스트에서 한글 자판이 안먹힐때.
5
|
| 888 | |
| 886 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기