퀵메뉴 관련소스 중에 비교적 간단해서 자주 애용하는 소스입니다. (중복일지도;;)
근데 아쉽게도 파폭에선 안되네요... 그동안 잘 안 쓴 이유도 그때문인데 그럼에도 불구하고 오늘 어떤 사이트에 적용했다가 (찾아보니 다른건 거의 플래시용이라) 팁으로도 올립니다.
그누에 적용하시려면 아래 소스를 따로 /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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2230 | 16년 전 | 1289 | ||
| 2229 | 16년 전 | 2161 | ||
| 2228 | 16년 전 | 3222 | ||
| 2227 | 16년 전 | 2166 | ||
| 2226 | 16년 전 | 1751 | ||
| 2225 | 16년 전 | 1509 | ||
| 2224 |
 ideaman |
16년 전 | 2044 | |
| 2223 | 16년 전 | 4730 | ||
| 2222 | 16년 전 | 1408 | ||
| 2221 |
 RINIX |
16년 전 | 2143 | |
| 2220 |
RINIX |
16년 전 | 2131 | |
| 2219 |
RINIX |
16년 전 | 2402 | |
| 2218 |
RINIX |
16년 전 | 2145 | |
| 2217 |
RINIX |
16년 전 | 4437 | |
| 2216 |
RINIX |
16년 전 | 2923 | |
| 2215 | 16년 전 | 2863 | ||
| 2214 | 16년 전 | 1595 | ||
| 2213 | 16년 전 | 1240 | ||
| 2212 |
RINIX |
16년 전 | 3942 | |
| 2211 |
RINIX |
16년 전 | 1615 | |
| 2210 |
RINIX |
16년 전 | 1603 | |
| 2209 | 16년 전 | 2108 | ||
| 2208 | 16년 전 | 1882 | ||
| 2207 |
letsgolee
|
16년 전 | 1489 | |
| 2206 |
RINIX |
16년 전 | 3915 | |
| 2205 | 16년 전 | 1757 | ||
| 2204 | 16년 전 | 3136 | ||
| 2203 | 16년 전 | 3021 | ||
| 2202 | 16년 전 | 1043 | ||
| 2201 | 16년 전 | 1844 | ||
| 2200 | 16년 전 | 1589 | ||
| 2199 |
 MindMap |
16년 전 | 1849 | |
| 2198 |
태양의서쪽
|
16년 전 | 2640 | |
| 2197 |
태양의서쪽
|
16년 전 | 3020 | |
| 2196 |
태양의서쪽
|
16년 전 | 3221 | |
| 2195 | 16년 전 | 3326 | ||
| 2194 | 16년 전 | 1464 | ||
| 2193 |
letsgolee
|
16년 전 | 1419 | |
| 2192 | 16년 전 | 2255 | ||
| 2191 | 16년 전 | 1976 | ||
| 2190 |
 cmpanel |
16년 전 | 2288 | |
| 2189 | 16년 전 | 2808 | ||
| 2188 |
Sizkein
|
16년 전 | 3260 | |
| 2187 |
letsgolee
|
16년 전 | 2356 | |
| 2186 |
Sizkein
|
16년 전 | 1632 | |
| 2185 |
Sizkein
|
16년 전 | 3205 | |
| 2184 |
Sizkein
|
16년 전 | 3061 | |
| 2183 | 16년 전 | 3040 | ||
| 2182 | 16년 전 | 3909 | ||
| 2181 | 16년 전 | 2581 | ||
| 2180 |
 skinartisanCOM |
16년 전 | 2402 | |
| 2179 | 17년 전 | 2652 | ||
| 2178 | 17년 전 | 2897 | ||
| 2177 | 17년 전 | 2615 | ||
| 2176 | 17년 전 | 1451 | ||
| 2175 | 17년 전 | 1893 | ||
| 2174 | 17년 전 | 1487 | ||
| 2173 |
skinartisanCOM |
17년 전 | 1912 | |
| 2172 | 17년 전 | 2507 | ||
| 2171 | 17년 전 | 8694 | ||
| 2170 | 17년 전 | 3149 | ||
| 2169 | 17년 전 | 4238 | ||
| 2168 |
cmpanel |
17년 전 | 1979 | |
| 2167 | 17년 전 | 3657 | ||
| 2166 |
cmpanel |
17년 전 | 1551 | |
| 2165 | 17년 전 | 1384 | ||
| 2164 | 17년 전 | 2322 | ||
| 2163 | 17년 전 | 1316 | ||
| 2162 | 17년 전 | 1638 | ||
| 2161 | 17년 전 | 1456 | ||
| 2160 | 17년 전 | 2526 | ||
| 2159 |
inxps
|
17년 전 | 1495 | |
| 2158 |
inxps
|
17년 전 | 1091 | |
| 2157 | 17년 전 | 1221 | ||
| 2156 | 17년 전 | 3095 | ||
| 2155 | 17년 전 | 2166 | ||
| 2154 | 17년 전 | 1973 | ||
| 2153 |
 똥싼너구리 |
17년 전 | 1220 | |
| 2152 |
letsgolee
|
17년 전 | 2454 | |
| 2151 | 17년 전 | 1170 | ||
| 2150 |
아름다운세상
|
17년 전 | 1127 | |
| 2149 |
아름다운세상
|
17년 전 | 1371 | |
| 2148 |
아름다운세상
|
17년 전 | 2734 | |
| 2147 |
 넥스트스텝 |
17년 전 | 2398 | |
| 2146 | 17년 전 | 2483 | ||
| 2145 | 17년 전 | 1184 | ||
| 2144 | 17년 전 | 1300 | ||
| 2143 | 17년 전 | 3246 | ||
| 2142 | 17년 전 | 2833 | ||
| 2141 | 17년 전 | 4109 | ||
| 2140 | 17년 전 | 2258 | ||
| 2139 | 17년 전 | 2349 | ||
| 2138 | 17년 전 | 1397 | ||
| 2137 | 17년 전 | 2515 | ||
| 2136 | 17년 전 | 2200 | ||
| 2135 | 17년 전 | 2959 | ||
| 2134 |
아름다운세상
|
17년 전 | 2468 | |
| 2133 |
Juinjang
|
17년 전 | 1629 | |
| 2132 | 17년 전 | 2430 | ||
| 2131 | 17년 전 | 1588 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기