웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
Top, Back 함께사용하기
2003.06.11 14:22
<script language="Javascript">
document.write(' <div id=floater style="position: absolute; left: 850px; top: 500px; z-index: 10; width: 15; height: 24;"> ');
document.write(' <a href="javascript:history.go(-1)" onfocus="this.blur()"><img src="/files/attach/images/19360727/783/368/019/btn_back.gif" border="0" style="margin:0 0 3 0"></a><br> ');
document.write(' <a href="#top" onfocus="this.blur()"><img src="/files/attach/images/19360727/783/368/019/btn_top.gif" border="0"></a></div> ');
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- STALKER CODE -->
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = 0;
}
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</script>
위로가기(top)와 뒤로가기(back)를 스크롤메뉴로 만들어주는 소스입니다.
중복은 아닌지.....검색해 보았는데 없는것 같아서요,,
div에서 이미지 경로와 페이지에서 스크롤되는 위치를 수정하여 주시면 됩니다.
<head></head>에 소스를 넣으시거나 js파일로 만들어 사용하세요
js파일로 저장하여 사용하시면 편리할것 같네요.
![btn_top.gif](/files/attach/images/19360727/783/368/019/btn_top.gif)
![btn_back.gif](/files/attach/images/19360727/783/368/019/btn_back.gif)
document.write(' <div id=floater style="position: absolute; left: 850px; top: 500px; z-index: 10; width: 15; height: 24;"> ');
document.write(' <a href="javascript:history.go(-1)" onfocus="this.blur()"><img src="/files/attach/images/19360727/783/368/019/btn_back.gif" border="0" style="margin:0 0 3 0"></a><br> ');
document.write(' <a href="#top" onfocus="this.blur()"><img src="/files/attach/images/19360727/783/368/019/btn_top.gif" border="0"></a></div> ');
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- STALKER CODE -->
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = 0;
}
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</script>
위로가기(top)와 뒤로가기(back)를 스크롤메뉴로 만들어주는 소스입니다.
중복은 아닌지.....검색해 보았는데 없는것 같아서요,,
div에서 이미지 경로와 페이지에서 스크롤되는 위치를 수정하여 주시면 됩니다.
<head></head>에 소스를 넣으시거나 js파일로 만들어 사용하세요
js파일로 저장하여 사용하시면 편리할것 같네요.
![btn_top.gif](/files/attach/images/19360727/783/368/019/btn_top.gif)
![btn_back.gif](/files/attach/images/19360727/783/368/019/btn_back.gif)
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
리눅스 보안 : 기초적인 방화벽 : portsentry 설치하기 [2] | 정인배 | 2002.11.29 |
cron을 이용한 자동 백업 받기 | 최종우 | 2002.12.02 |
cron과 rsync 그리고 replication 을 이용한 데이터 백업 [3] | 최종우 | 2002.12.03 |
FTP 를 이용한 원격 백업 받기 [5] | 최종우 | 2002.12.04 |
[계정삭제 스크립터] 편리님이 만드신 계정추가랑 연동됩니다.
[4]
![]() | 김동현 | 2002.12.04 |
[FreeBSD] 자동으로 시간 맞추기.. [1] | DeX™ | 2002.12.04 |
계정 등록 스크립트 [8] | 편리 | 2002.12.05 |
오래간만에 찾아뵙는군요^^ [2] | Dopesoul | 2002.12.08 |
Zend Optimizer Full Pass Setup [3] | DukeEYS | 2002.12.08 |
mod_gzip 적용시 php 인클루드를 실패해서 포기하신분 보세요 [2] | DukeEYS | 2002.12.08 |
apache2 + mod_jk 100번의 닭질 끝에 찾아가는 사이트 | DukeEYS | 2002.12.09 |
[FreeBSD] Proftp + MySQL 연동 설치하기
[2]
![]() | DeX™ | 2002.12.09 |
레드햇(redhat)리눅스에서 rpm 관리 명령어 | 정인배 | 2002.12.09 |
srpms, alpha, i386 , i686 이 의미하는 것은? [1] | Dopesoul | 2002.12.12 |
누군가 우리서버를 공격하고 있을때 응급처치! [13] | Dopesoul | 2002.12.13 |
[re] 저의 최종의견 입니다. [5] | Dopesoul | 2002.12.17 |
SetEnvIf 와 SetEnvIfNocase 의 차이 [7] | Dopesoul | 2002.12.13 |
DeX 님의 시간 동기화 스크립트를 편하고 안정적으로 변경한 리눅스용! [4] | Dopesoul | 2002.12.13 |
리눅스 rpm 명령어 활용(1): MRTG 설치 | 정인배 | 2002.12.14 |
PHP 4.2.3 파워 설치 테크닉 (에러 0%에 도전) [2] | 밍밍이 | 2002.12.17 |