2012. 3. 13. 13:26 Web/javascript
js폴더에 아래 스크립트를 삽입한후,
/*퀵메뉴 스크립트*/
var viewstart; // 위쪽 여백 (메뉴가 위에서 ''픽셀 떨어진 곳에 보여집니다)
var viewscroll = 0; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var viewbottom = 80; // 스크롤시 마지막 바닥값
var quickbase = 500; // 스크롤 시작위치
var activatespeed = 10;
var scrollspeed = 20;
var quicktimer;
var quick_obj;
function refresh_quick(){
var quickstartpoint;
var quickendpoint;
bottomlimit = document.documentElement.scrollHeight - viewbottom;
quickstartpoint = parseInt(quick_obj.style.top, 10);
quickendpoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + viewscroll;
if (quickendpoint < viewstart){
quickendpoint = viewstart;
}
if (quickendpoint > bottomlimit){
quickendpoint = bottomlimit;
}
if (quickstartpoint != quickendpoint){
stmnScrollAmount = Math.ceil( Math.abs( quickendpoint - quickstartpoint ) / 15 );
quick_obj.style.top = parseInt(quick_obj.style.top, 10) + ( ( quickendpoint < quickstartpoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
}
quicktimer = setTimeout("refresh_quick();", activatespeed);
}
function initializequick(obj,left,starttop){
quick_obj = document.getElementById(obj);
viewstart = starttop;
quick_obj.style.position = 'absolute';
quick_obj.style.left = left + 'px';
quick_obj.style.top = document.body.scrollTop + quickbase + 'px';
refresh_quick();
}
function ScrollTop(){
self.window.scroll(0,0);
}
---------------------------------------------------------------
<script type="text/javascript" src="./js/topscroll.js"></script>
<div id="quick">
<h1 class="blind">퀵메뉴</h1>
<img src="./img/Quick.gif" alt="#" usemap="#top" />
<map name="top">
<area shape="rect" coords="8,89,68,113" href="#" target="_self">
<area shape="rect" coords="16,129,59,141" href="#" target="_self">
</map>
<script type="text/javascript">
initializequick("quick",992,376);
</script>
</div>
클릭시 팝업창 띄우기 (0) | 2012.04.12 |
---|---|
팝업 스크립트 (0) | 2012.03.29 |
버튼 클릭시 레이어 팝업 띄우기 (0) | 2012.03.23 |
서브네비 (2) | 2012.03.14 |
이미지맵으로 주소창 없는 새창 띄우기 (0) | 2012.03.14 |
2012. 3. 11. 00:33 Review/Food
[벌교]돌아서면 생각나는 꼬막정식, 꼬막탕수육 궁꼬막한정식 (0) | 2012.07.30 |
---|---|
[여수]밥도둑 여수 게장 (0) | 2012.07.25 |
[논현]함지곱창 (0) | 2012.03.11 |
[양재맛집]즉석떡볶이 작은공간 (0) | 2012.03.10 |
[양재]커매닉 (1) | 2012.02.17 |
2012. 3. 11. 00:26 Review/Food
[여수]밥도둑 여수 게장 (0) | 2012.07.25 |
---|---|
[낙성대]irishpotato (2) | 2012.03.11 |
[양재맛집]즉석떡볶이 작은공간 (0) | 2012.03.10 |
[양재]커매닉 (1) | 2012.02.17 |
[백운호수]Cafe Ola! 카페 올라 (0) | 2012.02.17 |
2012. 3. 10. 23:41 Review/Food
|
[여수]밥도둑 여수 게장 (0) | 2012.07.25 |
---|---|
[낙성대]irishpotato (2) | 2012.03.11 |
[논현]함지곱창 (0) | 2012.03.11 |
[양재]커매닉 (1) | 2012.02.17 |
[백운호수]Cafe Ola! 카페 올라 (0) | 2012.02.17 |
2012. 2. 17. 02:05 Review/Food
[여수]밥도둑 여수 게장 (0) | 2012.07.25 |
---|---|
[낙성대]irishpotato (2) | 2012.03.11 |
[논현]함지곱창 (0) | 2012.03.11 |
[양재맛집]즉석떡볶이 작은공간 (0) | 2012.03.10 |
[백운호수]Cafe Ola! 카페 올라 (0) | 2012.02.17 |