간단한 퀵메뉴
퀵메뉴 관련소스 중에 비교적 간단해서 자주 애용하는 소스입니다. (중복일지도;;)
근데 아쉽게도 파폭에선 안되네요... 그동안 잘 안 쓴 이유도 그때문인데 그럼에도 불구하고 오늘 어떤 사이트에 적용했다가 (찾아보니 다른건 거의 플래시용이라) 팁으로도 올립니다.
그누에 적용하시려면 아래 소스를 따로 /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;
<!-- 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);
////////////여기까지<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
근데 아쉽게도 파폭에선 안되네요... 그동안 잘 안 쓴 이유도 그때문인데 그럼에도 불구하고 오늘 어떤 사이트에 적용했다가 (찾아보니 다른건 거의 플래시용이라) 팁으로도 올립니다.
그누에 적용하시려면 아래 소스를 따로 /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;
<!-- 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);
////////////여기까지<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
게시글 목록
| 번호 | 제목 |
|---|---|
| 12201 | |
| 12200 |
기타
www 자동으로 붙이기
|
| 29244 | |
| 12196 | |
| 29243 | |
| 12188 | |
| 12184 |
Flash
Open Flash Chart
3
|
| 29231 |
HTML
타이틀 이미지 만드는 방법
11
|
| 29230 |
HTML
리코
|
| 12181 |
기타
툴팁
2
|
| 29229 | |
| 12179 | |
| 12177 | |
| 12173 |
Flash
서서히 늘어나는 리사이즈 팝업창
3
|
| 29226 | |
| 12172 |
정규표현식
자바스크립트 sort()를 이용한 숫자 정렬
|
| 25007 | |
| 12171 |
JavaScript
DOM 이용 select box 옵션추가삭제
|
| 12170 | |
| 29225 |
HTML
실수로 지운 데이터 살리기..
|
| 12167 | |
| 12166 |
JavaScript
아이디 중복체크
|
| 12157 |
기타
빈티지 효과만들기
8
|
| 12154 |
MySQL
그누보드 통합검색 방법...
2
|
| 12153 | |
| 25002 | |
| 12151 | |
| 29224 | |
| 12148 |
JavaScript
심플한 드롭다운 레이어 메뉴 (2단계 메뉴 구성)
2
|
| 29223 | |
| 12142 | |
| 29217 | |
| 12141 |
JavaScript
날짜 관련 쿼리 입니다. 한달을 요일별로 구함..
|
| 12136 | |
| 12132 | |
| 12130 |
MySQL
테이블 깨졌거나 복구 할때 간단한 팁.
1
|
| 29216 |
HTML
Table생성 스크립트 파일 뽑아내기
|
| 29215 | |
| 12126 | |
| 12124 |
JavaScript
마우스 오버시 그림 변하게 하는 스크립트 소스
1
|
| 12122 | |
| 12120 |
PHP
웹 서버를 이용한 인증
1
|
| 12111 |
JavaScript
div 사이즈 5픽셀로 하기. -_-
8
|
| 25001 | |
| 25000 | |
| 24999 | |
| 24998 | |
| 24997 | |
| 24994 | |
| 24985 | |
| 12109 | |
| 12105 | |
| 12104 | |
| 12096 | |
| 12094 | |
| 12091 | |
| 12090 |
MySQL
리눅스 mysql 에서 백그라운드 실행
|
| 12079 |
JavaScript
거리에서 찍은 인물사진 더 멋있게-
10
|
| 29211 |
HTML
낡은 포스터효과를 내어보자
3
|
| 12072 |
기타
돌아가는 글자
6
|
| 29210 |
HTML
구멍난 자바스크립트 보안
|
| 12070 | |
| 29207 |
HTML
올가미툴에 대해 배워보자
2
|
| 12067 |
JavaScript
div layer 위치 Javascript
2
|
| 12061 | |
| 29204 |
HTML
한글패치 삭제하는 방법
2
|
| 12058 | |
| 12057 | |
| 12056 |
PHP
php로 엑셀파일 만들기
|
| 24984 | |
| 12055 |
JavaScript
lampp 스타트 간단명령
|
| 12053 |
JavaScript
중앙정렬 사이트에 영향없이 오른쪽 배너 붙이기
1
|
| 12051 |
MySQL
apm
1
|
| 12050 |
MySQL
LOG
|
| 12049 | |
| 12048 |
기타
dhcp
|
| 12047 |
Linux
X 윈도우
|
| 12046 |
Linux
BOOT PROCESS
|
| 12045 |
Linux
Linux 명령어 사용방법
|
| 12044 | |
| 12043 |
JavaScript
vi
|
| 12042 |
기타
Nis/NFS
|
| 12041 |
PHP
User Management
|
| 12040 |
JavaScript
쉘
|
| 12039 |
기타
Process
|
| 12038 |
Linux
파일 시스템
|
| 12037 |
Linux
programming
|
| 12036 |
Flash
시스템 튜닝
|
| 12035 |
JavaScript
Quota
|
| 12034 |
MySQL
LOG
|
| 12033 | |
| 12032 |
Linux
메모리
|
| 12031 |
JavaScript
IPCHAINS
|
| 12028 | |
| 12026 |
Linux
linux + samba
1
|
| 12025 |
Linux
압축 그리고 백업( Backup)
|
| 12020 | |
| 12017 | |
| 12015 |
기타
이미지파일정보
1
|
| 12013 |
기타
아쿠아버튼
1
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기