묻고답하기
스크롤 따라다니는 탑버튼
2008.02.29 13:39
이곳 저것에서 검색해서
스크롤 따라 다니는 탑버튼을 제로보드에 붙이고 있는데,,, 계속 에럽니다.
1. 헤드문 안에 넣는 자바스크립트는 어는 화일 헤드문 안에 넣어야 하는건지요?
2. 그리고 본문에 넣는 코드는 어느 화일에 넣어야하는지요?
3. 소스내용입니다.
<td width=1>
<!-- 스크롤 탑버튼 움직임 : 시작 -->
<div id='Topgo' style='position:absolute; top:450; left:1000;'>
<script language="JavaScript">
var stmnBASE = -200;
var stmnGAP = 300;
var stmnTop = 450;
var stmnLeft = 810;
var stmnBTTM = 150;
var stmnActivateSpeed = 100;
var stmnScrollSpeed = 2;
var stmnTimer;
var bMove = 1;
// 0.5 sec after action
setTimeout('InitializeTopgo();',500);
function InitializeTopgo() {
// if ( document.body.scrollHeight < 1000 ) return;
Topgo.style.display = "inline";
if ( stmnBASE == -200 ) stmnBASE = stmnTop;
Topgo.style.top = stmnBASE;
RefreshTopgo();
}
function RefreshTopgo() {
if (!bMove) return
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(Topgo.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP;
if (stmnEndPoint < stmnBASE) stmnEndPoint = stmnBASE;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint && stmnEndPoint <= (document.body.scrollHeight - stmnBTTM) ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
Topgo.style.top = parseInt(Topgo.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshTopgo();", stmnRefreshTimer);
}
</script>
<table border="0" cellspacing="0" cellpadding="0">
<tr><td><a href="#" onfocus='this.blur();'><img src="<?=$g4[path]?>/img/top.gif" border=0></a></td>
</tr>
</table>
</div>
<!-- 스크롤 탑버튼 움직임 : 끝 -->
</td>