웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
Marquee 태그를 이용한 간단한 스크립트 [7] | 뒹굴리스트 | 2003.08.06 |
노프레임 홈페이지 수정 편리하게 &용량줄이기. [9] | 세죠위그이 | 2003.07.15 |
제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] | 쿨리안 | 2003.06.28 |
Top, Back 함께사용하기
![]() | sharim | 2003.06.11 |
자바스크립트로 두개 이상의 페이지 동시에 열기. [4] | 이성헌 | 2003.06.08 |
오른쪽마우스 클릭금지,드래그금지,하단주소 숨기기 한꺼번에~ [8] | 한길 | 2003.06.03 |
크롬리스(Chromless) 웹어플리케이션 -6 (최종) [4] | sundew | 2003.05.30 |
크롬리스(Chromless) 웹어플리케이션 -5 [3] | sundew | 2003.05.28 |
오른쪽 버튼 클릭시 북마크창 띄우기(1석2조 방식) [4] | RedEye(rinja) | 2003.05.23 |
손님컴퓨터에 내홈피 즐겨찾기 원클릭으로추가시키기 [5] | 호호짱 | 2003.05.23 |
크롬리스(Chromless) 웹어플리케이션 -3 [5] | sundew | 2003.05.21 |
오늘 날짜와 시간 [3] | Brown | 2003.05.20 |
크롬리스(Chromless) 웹어플리케이션 -2 [5] | sundew | 2003.05.18 |
크롬리스(Chromless) 웹어플리케이션 -1 [1] | sundew | 2003.05.17 |
XXX는 객체가 아닙니다. [1] | RedEye | 2003.05.12 |
자바스크립트의 활용함에 대해.... [5] | RedEye | 2003.05.12 |
자바스크립트의 활용함에 대해 2 .... [1] | RedEye | 2003.05.18 |
[벅스 전용] 랜덤 음악 재생 Javascript. [1] | sundew | 2003.05.11 |
이벤트 핸들러 (Event Handler) 모음 [2] | 아이쿠 | 2003.05.10 |
png-24 포맷 알파값 이미지 로딩하기
[9]
![]() | D3 | 2003.04.20 |