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>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인