스크롤 탑(Top) 배너
2004.12.23 19:19 Edit
<body>와 </body> 사이에 다음을 넣습니다.
저는 맨 아래 넣었습니다.
<SCRIPT LANGUAGE="JavaScript">
<!--
function GoTop() {
window.scrollTo(0,0);
}
function GoTop_Call() {
document.body.ondblclick = Top;
}
var Xpos = 0;
var Ypos = 0;
var Ygravity = 0.85;
var scrollPos = 0;
var oldScrollPos = 0;
function FloatMenu() {
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
oldScrollPos = scrollPos;
scrollPos = document.body.scrollTop;
//Xpos = 924; //왼쪽정렬인 경우
//Xpos = (docWidth - floater.offsetWidth) - 10; //오른쪽 여백 배너가 오른쪽에 붙을경우
Xpos = (docWidth / 2) + 462; // 중앙정렬일경우. " + 462 은 테이블 크기 / 2 "
Yboundary = ((scrollPos + docHeight) - floater.offsetHeight) - 130; //하단여백
if (floater.offsetTop < Yboundary - 1)
Ypos += 2;
if (floater.offsetTop > Yboundary + 1)
Ypos -= 1;
Ypos *= Ygravity;
floater.style.pixelLeft = Xpos;
floater.style.pixelTop += Ypos;
}
window.setInterval("FloatMenu()", 1); //매개변수중 뒷쪽 숫자는 내려오는 속도
//-->
</SCRIPT>
<div id="floater" style="Z-INDEX: 10; LEFT: 924px; TOP: 470px; WIDTH: 40px; HEIGHT: 20px; POSITION: absolute; visibility: visible;">
<a href="javascript:GoTop();"><img src="이미지경로" border="0"></a></DIV>
0
Powered by Textyle
Design & UI Develop By The RaiN Story