퀵메뉴 관련소스 중에 비교적 간단해서 자주 애용하는 소스입니다. (중복일지도;;)
근데 아쉽게도 파폭에선 안되네요... 그동안 잘 안 쓴 이유도 그때문인데 그럼에도 불구하고 오늘 어떤 사이트에 적용했다가 (찾아보니 다른건 거의 플래시용이라) 팁으로도 올립니다.
그누에 적용하시려면 아래 소스를 따로 /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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1330 | 18년 전 | 1478 | ||
| 1329 | 18년 전 | 1708 | ||
| 1328 | 18년 전 | 997 | ||
| 1327 | 18년 전 | 1406 | ||
| 1326 | 18년 전 | 2252 | ||
| 1325 | 18년 전 | 1139 | ||
| 1324 | 18년 전 | 1302 | ||
| 1323 | 18년 전 | 1564 | ||
| 1322 | 18년 전 | 1175 | ||
| 1321 | 18년 전 | 965 | ||
| 1320 | 18년 전 | 1188 | ||
| 1319 | 18년 전 | 1521 | ||
| 1318 | 18년 전 | 1645 | ||
| 1317 | 18년 전 | 1596 | ||
| 1316 | 18년 전 | 1209 | ||
| 1315 |
 뜨락의이름 |
18년 전 | 8600 | |
| 1314 | 18년 전 | 1900 | ||
| 1313 | 18년 전 | 1491 | ||
| 1312 | 18년 전 | 1483 | ||
| 1311 | 18년 전 | 1772 | ||
| 1310 | 18년 전 | 1831 | ||
| 1309 | 18년 전 | 1219 | ||
| 1308 | 18년 전 | 978 | ||
| 1307 | 18년 전 | 2752 | ||
| 1306 | 18년 전 | 3106 | ||
| 1305 | 18년 전 | 2167 | ||
| 1304 | 18년 전 | 1555 | ||
| 1303 | 18년 전 | 1414 | ||
| 1302 | 18년 전 | 878 | ||
| 1301 | 18년 전 | 1772 | ||
| 1300 | 18년 전 | 5137 | ||
| 1299 | 18년 전 | 2852 | ||
| 1298 |
mixdesign
|
18년 전 | 2102 | |
| 1297 | 18년 전 | 3078 | ||
| 1296 | 18년 전 | 2541 | ||
| 1295 | 18년 전 | 2235 | ||
| 1294 |
onweb
|
18년 전 | 4555 | |
| 1293 |
onweb
|
18년 전 | 3488 | |
| 1292 | 18년 전 | 3452 | ||
| 1291 | 18년 전 | 4036 | ||
| 1290 | 18년 전 | 1905 | ||
| 1289 | 18년 전 | 1757 | ||
| 1288 | 18년 전 | 1726 | ||
| 1287 | 18년 전 | 1425 | ||
| 1286 | 18년 전 | 1263 | ||
| 1285 | 18년 전 | 1156 | ||
| 1284 | 18년 전 | 1159 | ||
| 1283 | 18년 전 | 1511 | ||
| 1282 | 18년 전 | 907 | ||
| 1281 | 18년 전 | 1269 | ||
| 1280 | 18년 전 | 1123 | ||
| 1279 | 18년 전 | 1138 | ||
| 1278 | 18년 전 | 3021 | ||
| 1277 | 18년 전 | 946 | ||
| 1276 | 18년 전 | 1155 | ||
| 1275 | 18년 전 | 2093 | ||
| 1274 | 18년 전 | 2225 | ||
| 1273 | 18년 전 | 1319 | ||
| 1272 | 18년 전 | 1904 | ||
| 1271 | 18년 전 | 1159 | ||
| 1270 | 18년 전 | 2487 | ||
| 1269 | 18년 전 | 6593 | ||
| 1268 |
페이지팩트
|
18년 전 | 3820 | |
| 1267 |
페이지팩트
|
18년 전 | 2225 | |
| 1266 |
뜨락의이름 |
18년 전 | 6294 | |
| 1265 | 18년 전 | 2571 | ||
| 1264 | 18년 전 | 2614 | ||
| 1263 | 18년 전 | 2122 | ||
| 1262 | 18년 전 | 2116 | ||
| 1261 |
페이지팩트
|
18년 전 | 2119 | |
| 1260 | 18년 전 | 3876 | ||
| 1259 |
 hanpedro |
18년 전 | 3935 | |
| 1258 |
 PhotoFly |
18년 전 | 5036 | |
| 1257 | 18년 전 | 4131 | ||
| 1256 | 18년 전 | 2570 | ||
| 1255 | 18년 전 | 1804 | ||
| 1254 | 18년 전 | 2779 | ||
| 1253 | 18년 전 | 2712 | ||
| 1252 | 18년 전 | 2235 | ||
| 1251 | 18년 전 | 5414 | ||
| 1250 |
jbsstyle
|
18년 전 | 4760 | |
| 1249 |
 친절한서기 |
18년 전 | 3766 | |
| 1248 | 18년 전 | 3451 | ||
| 1247 | 18년 전 | 2136 | ||
| 1246 | 18년 전 | 2133 | ||
| 1245 | 18년 전 | 3637 | ||
| 1244 |
hanpedro |
18년 전 | 2274 | |
| 1243 |
hanpedro |
18년 전 | 2493 | |
| 1242 | 18년 전 | 1763 | ||
| 1241 | 18년 전 | 4461 | ||
| 1240 | 18년 전 | 2152 | ||
| 1239 | 18년 전 | 2300 | ||
| 1238 | 18년 전 | 4039 | ||
| 1237 |
hwatta
|
18년 전 | 3887 | |
| 1236 | 18년 전 | 2112 | ||
| 1235 | 18년 전 | 2762 | ||
| 1234 | 18년 전 | 5141 | ||
| 1233 | 18년 전 | 2406 | ||
| 1232 |
hanpedro |
18년 전 | 2948 | |
| 1231 | 18년 전 | 8500 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기