간단한 퀵메뉴

지구인

· 18년 전 · 조회 3937 3937

퀵메뉴 관련소스 중에 비교적 간단해서 자주 애용하는 소스입니다. (중복일지도;;)
근데 아쉽게도 파폭에선 안되네요... 그동안 잘 안 쓴 이유도 그때문인데 그럼에도 불구하고 오늘 어떤 사이트에 적용했다가 (찾아보니 다른건 거의 플래시용이라) 팁으로도 올립니다.

그누에 적용하시려면 아래 소스를 따로 /g4/js/qmenu.js 등의 이름으로 저장한 다음
head.sub.php에서

<script language="javascript" src="<?=$g4['path']?>/js/common.js"></script>
<script language="javascript" src="<?=$g4['path']?>/js/ajax.js"></script>
<script language="javascript" src="<?=$g4['path']?>/js/qmenu.js"></script>
<body topmargin="0" leftmargin="0" <?=isset($g4['body_script']) ? $g4['body_script'] : "";?>>
<a name="g4_head"></a>

이런 식으로 추가해주면 됩니다.

///////////////여기부터 퀵메뉴 소스
document.write('<div id=floater style=\"position:absolute; left:1000px; top:300px; z-index:100;\">');
document.write('<a href=\"#g4_head\" onfocus="this.blur()">Top</a><br>');
document.write('<a href=\"javascript:history.go(-1)\" onfocus="this.blur()">Back</a></div>');

self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;

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);
////////////여기까지<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	제목	글쓴이	날짜	조회
5752	구글 맞춤검색 설정 방법, google custom search #개발자 #javascript	위토즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	464
5751	php in_array 사용법 배열값 확인하기 [1] #개발자 #php	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	499
5750	ob_start callback에 대한 설명 #개발자 #php	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	314
5749	call_user_func 함수 재정의 #개발자 #php	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	375
5748	1000만건 게시판에 도전합니다. 두번째 [7] #개발자 #mysql	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	778
5747	ie 와 크롬 폰트 부분해결할 수 있는건지좀 알려주시면 감사드립니다. [1] #퍼블리셔 #기타	바른통남 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	557
5746	Join 을 이용한 delete #개발자 #mysql	브이룩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	279
5745	정규식 (Regular Expression Functions) 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	314
5744	Apache 설치후 httpd.conf 설정 #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	321
5743	미리 정의된 변수들 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	265
5742	array_rand 관련 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	250
5741	1000만건 게시판에 도전합니다. 첫번째 [3] #개발자 #mysql	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	612
5740	select 해서 바로 insert하기 #개발자 #mysql	브이룩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	294
5739	필드 내용에서 특정문자열을 기준으로 문자열 자르기 #개발자 #mysql	띠아블 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	292
5738	초간단 모바일인식 리다이렉트 스크립트 소스 [1] #디자이너	프로그램은어려워 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	907
5737	PHP최근메뉴얼(도움말)파일입니다 [2] #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	476
5736	시스템 정보를 알아볼 수 있는 방법입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	375
5735	number_format 시 빈값 예외처리 [1] #개발자 #php	김득신 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	385
5734	motiongrapic google play store logo intro 모션그래픽 구글 플레이스토어 인트로 #디자이너	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	587
5733	motiongrapic text underline 모션그래픽소스 텍스트에 밑줄긋기 #디자이너	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	529
5732	포토샵 photoshop 설정 - preferences #디자이너	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	936
5731	Could not reliably determine the server's fully qualified domain name #개발자 #웹서버	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	289
5730	텔레그램 푸쉬 봇 [10] #개발자 #php	foxrain 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1268
5729	짧은 주소 만들기, htaccess RewriteRule 리다이렉션 #개발자 #os	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	527
5728	파일분할 분할압축 해제 #개발자 #os	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	340