퀵메뉴 관련소스 중에 비교적 간단해서 자주 애용하는 소스입니다. (중복일지도;;)
근데 아쉽게도 파폭에선 안되네요... 그동안 잘 안 쓴 이유도 그때문인데 그럼에도 불구하고 오늘 어떤 사이트에 적용했다가 (찾아보니 다른건 거의 플래시용이라) 팁으로도 올립니다.
그누에 적용하시려면 아래 소스를 따로 /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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1830 |
갈색야생마
|
17년 전 | 2845 | |
| 1829 |
갈색야생마
|
17년 전 | 1590 | |
| 1828 |
갈색야생마
|
17년 전 | 1346 | |
| 1827 |
갈색야생마
|
17년 전 | 2014 | |
| 1826 |
갈색야생마
|
17년 전 | 1462 | |
| 1825 |
갈색야생마
|
17년 전 | 1402 | |
| 1824 |
갈색야생마
|
17년 전 | 1345 | |
| 1823 |
갈색야생마
|
17년 전 | 1555 | |
| 1822 |
갈색야생마
|
17년 전 | 2046 | |
| 1821 |
갈색야생마
|
17년 전 | 1426 | |
| 1820 |
갈색야생마
|
17년 전 | 1404 | |
| 1819 |
갈색야생마
|
17년 전 | 1208 | |
| 1818 |
갈색야생마
|
17년 전 | 1439 | |
| 1817 |
갈색야생마
|
17년 전 | 1167 | |
| 1816 |
갈색야생마
|
17년 전 | 1298 | |
| 1815 |
갈색야생마
|
17년 전 | 1556 | |
| 1814 |
갈색야생마
|
17년 전 | 1390 | |
| 1813 |
갈색야생마
|
17년 전 | 1290 | |
| 1812 |
갈색야생마
|
17년 전 | 1261 | |
| 1811 |
갈색야생마
|
17년 전 | 1378 | |
| 1810 |
갈색야생마
|
17년 전 | 1152 | |
| 1809 |
갈색야생마
|
17년 전 | 1204 | |
| 1808 |
갈색야생마
|
17년 전 | 1237 | |
| 1807 |
갈색야생마
|
17년 전 | 1311 | |
| 1806 |
갈색야생마
|
17년 전 | 1333 | |
| 1805 |
갈색야생마
|
17년 전 | 1339 | |
| 1804 |
갈색야생마
|
17년 전 | 1301 | |
| 1803 |
갈색야생마
|
17년 전 | 1625 | |
| 1802 | 17년 전 | 2956 | ||
| 1801 | 17년 전 | 3354 | ||
| 1800 | 17년 전 | 1447 | ||
| 1799 | 17년 전 | 1543 | ||
| 1798 | 17년 전 | 1361 | ||
| 1797 | 17년 전 | 2116 | ||
| 1796 | 17년 전 | 3030 | ||
| 1795 | 17년 전 | 1374 | ||
| 1794 | 17년 전 | 1357 | ||
| 1793 |
갈색야생마
|
17년 전 | 1356 | |
| 1792 |
갈색야생마
|
17년 전 | 1221 | |
| 1791 |
갈색야생마
|
17년 전 | 1411 | |
| 1790 |
갈색야생마
|
17년 전 | 1469 | |
| 1789 |
갈색야생마
|
17년 전 | 1278 | |
| 1788 |
갈색야생마
|
17년 전 | 2563 | |
| 1787 |
갈색야생마
|
17년 전 | 1312 | |
| 1786 |
갈색야생마
|
17년 전 | 1586 | |
| 1785 |
갈색야생마
|
17년 전 | 1457 | |
| 1784 |
갈색야생마
|
17년 전 | 1766 | |
| 1783 |
갈색야생마
|
17년 전 | 1787 | |
| 1782 | 17년 전 | 1802 | ||
| 1781 | 17년 전 | 1848 | ||
| 1780 | 17년 전 | 1510 | ||
| 1779 | 17년 전 | 1599 | ||
| 1778 |
갈색야생마
|
17년 전 | 1512 | |
| 1777 |
갈색야생마
|
17년 전 | 1857 | |
| 1776 |
갈색야생마
|
17년 전 | 1759 | |
| 1775 |
갈색야생마
|
17년 전 | 1552 | |
| 1774 |
갈색야생마
|
17년 전 | 1735 | |
| 1773 |
갈색야생마
|
17년 전 | 1404 | |
| 1772 |
갈색야생마
|
17년 전 | 1635 | |
| 1771 |
갈색야생마
|
17년 전 | 1951 | |
| 1770 |
갈색야생마
|
17년 전 | 2784 | |
| 1769 | 17년 전 | 1992 | ||
| 1768 | 17년 전 | 1401 | ||
| 1767 | 17년 전 | 1944 | ||
| 1766 | 17년 전 | 2401 | ||
| 1765 | 17년 전 | 1560 | ||
| 1764 | 17년 전 | 2318 | ||
| 1763 |
sini117
|
17년 전 | 1752 | |
| 1762 |
sini117
|
17년 전 | 1456 | |
| 1761 |
nooree
|
17년 전 | 1312 | |
| 1760 | 17년 전 | 1992 | ||
| 1759 | 17년 전 | 2882 | ||
| 1758 | 17년 전 | 2499 | ||
| 1757 | 17년 전 | 1520 | ||
| 1756 | 17년 전 | 2868 | ||
| 1755 | 17년 전 | 2406 | ||
| 1754 | 17년 전 | 2751 | ||
| 1753 | 17년 전 | 2764 | ||
| 1752 | 17년 전 | 2548 | ||
| 1751 | 17년 전 | 2365 | ||
| 1750 | 17년 전 | 1721 | ||
| 1749 | 17년 전 | 2455 | ||
| 1748 | 17년 전 | 3955 | ||
| 1747 |
 10년째초짜 |
17년 전 | 1827 | |
| 1746 | 17년 전 | 3907 | ||
| 1745 | 17년 전 | 1840 | ||
| 1744 | 17년 전 | 1730 | ||
| 1743 | 17년 전 | 2068 | ||
| 1742 | 17년 전 | 2474 | ||
| 1741 | 17년 전 | 1420 | ||
| 1740 | 17년 전 | 1772 | ||
| 1739 | 17년 전 | 2333 | ||
| 1738 | 17년 전 | 1807 | ||
| 1737 | 17년 전 | 1764 | ||
| 1736 | 17년 전 | 1539 | ||
| 1735 | 17년 전 | 1384 | ||
| 1734 | 17년 전 | 1341 | ||
| 1733 | 17년 전 | 1159 | ||
| 1732 | 17년 전 | 1146 | ||
| 1731 | 17년 전 | 1173 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기