간단한 퀵메뉴
퀵메뉴 관련소스 중에 비교적 간단해서 자주 애용하는 소스입니다. (중복일지도;;)
근데 아쉽게도 파폭에선 안되네요... 그동안 잘 안 쓴 이유도 그때문인데 그럼에도 불구하고 오늘 어떤 사이트에 적용했다가 (찾아보니 다른건 거의 플래시용이라) 팁으로도 올립니다.
그누에 적용하시려면 아래 소스를 따로 /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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 12651 | |
| 12650 |
JavaScript
query 문자열 최대 길이
|
| 12646 |
JavaScript
이미지 슬라이드 소스입니다(Ajax)
3
|
| 141 | |
| 140 | |
| 138 | |
| 137 | |
| 131 | |
| 130 | |
| 25048 | |
| 12644 | |
| 125 | |
| 122 | |
| 12641 | |
| 12635 |
JavaScript
네비게이션 소스
5
|
| 12632 | |
| 29350 | |
| 12629 |
Linux
서버 관리자라면 요런것도~
2
|
| 29349 | |
| 12628 |
JavaScript
테이블,컬럼 comments (정보관리테이블만들기)
|
| 29348 | |
| 12627 |
MySQL
mysql 연결
|
| 12626 | |
| 12623 |
JavaScript
시간별이미지출력 이것좀봐주세요!~~
2
|
| 25047 | |
| 25045 | |
| 25041 | |
| 25040 | |
| 25038 | |
| 25037 | |
| 117 | |
| 25036 | |
| 12620 | |
| 12618 | |
| 12617 | |
| 12614 |
기타
캐쉬백메뉴
2
|
| 12612 |
JavaScript
배열을이용한이동
1
|
| 12608 |
JavaScript
3dMax를이용한메뉴
3
|
| 12606 |
기타
눈동자
1
|
| 12605 |
기타
눈내리는효과
|
| 29347 |
HTML
심장박동효과
|
| 12604 |
JavaScript
곰장어
|
| 12597 | |
| 12595 |
MySQL
MySQL 형변환 함수
1
|
| 12594 |
MySQL
Mysql 백업 팁
|
| 12593 | |
| 12589 | |
| 12585 | |
| 29346 |
HTML
외부 문서 불러오기
|
| 12584 | |
| 12582 | |
| 12581 | |
| 12580 |
JavaScript
윈도우2003 + Apache 를 위한 SSL 보안서버 구축 팁
|
| 12578 |
JavaScript
AJAX 소스제공 사이트들 입니다.
1
|
| 12576 |
MySQL
쿼리속도 향상과 효율적인 게시판 쿼리
1
|
| 29345 | |
| 12575 |
JavaScript
ORACLE_CATALOG
|
| 12574 | |
| 12573 | |
| 29344 |
HTML
오라클 SQL 기본 간단 정리
|
| 115 | |
| 12572 | |
| 12570 | |
| 29343 |
HTML
레이어를 클릭하면 순서가 바뀌는거에요
|
| 29342 |
HTML
셀렉트 박스 내용을 레이어로 표현
|
| 12569 |
JavaScript
다모임 - 플레이어 입니다(wmv)
|
| 12567 |
JavaScript
디렉토리서비스 소스 입니다.
1
|
| 29337 |
JavaScript
구인 구직 사이트 소스에요~
4
|
| 12566 |
JavaScript
설문조사 소스입니다. 참고하세요.
|
| 12564 |
JavaScript
ASP - FSO 객체 정리한 파일입니다. 많은 도움이 될거에요~
1
|
| 112 | |
| 107 | |
| 104 | |
| 101 | |
| 96 | |
| 94 | |
| 93 | |
| 12563 | |
| 12559 | |
| 88 | |
| 85 | |
| 12558 | |
| 29336 | |
| 29333 |
HTML
버튼소리나는메뉴
2
|
| 84 | |
| 29329 |
HTML
초보자를 위한 포토샵 강좌 63
3
|
| 12556 | |
| 29327 |
HTML
초보자를 위한 포토샵 강좌 61
1
|
| 12554 | |
| 12552 | |
| 12549 | |
| 12545 | |
| 12544 | |
| 29325 |
HTML
초보자를 위한 포토샵 강좌 55
1
|
| 12542 | |
| 12541 | |
| 29324 |
HTML
초보자를 위한 포토샵 강좌 52
|
| 12540 |
JavaScript
초보자를 위한 포토샵 강좌 51
|
| 12539 | |
| 12538 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기