묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
제로보드에 쓰인 슬라이딩 메뉴 소스좀 알수 있을까요...?
2002.07.31 01:56
제로보드 하위메뉴에 쓰인...
지금 보시면 왼쪽편에 있는...
스크롤바 내리면 따라서 미끄러지듯이
내려오는 저 슬라이드 메뉴 소스좀 구할수 없을까요...?
도저히 뒤져봐두 없네요...
그럼 좋은 하루되세요
* zero님에 의해서 게시물 이동되었습니다 (2002-07-31 05:13)
지금 보시면 왼쪽편에 있는...
스크롤바 내리면 따라서 미끄러지듯이
내려오는 저 슬라이드 메뉴 소스좀 구할수 없을까요...?
도저히 뒤져봐두 없네요...
그럼 좋은 하루되세요
* zero님에 의해서 게시물 이동되었습니다 (2002-07-31 05:13)
댓글 3
-
호텔천사™
2002.07.31 02:17
-
이준호
2002.07.31 02:56
헉...감사드립니다...
근데 제가 워낙 실력이 부족해서...
봐도 모르겠다는... ㅠㅠ -
hyunee
2002.07.31 21:51
<table id=floating_menu style='position: absolute; left: 시작 x위치; top: 시작 y위치; width: 128px; height: 128px'>
<tr>
<td>
여기다 아무거나
</td>
</tr>
</table>
<script language=javascript>
function jsSetFloatingMenu()
{
// scrollLeft, scrollTop은 현재 스크롤바의 위치입니다.
var tx = document.body.scrollLeft + 원하는 x위치;
var ty = document.body.scrollTop + 원하는 y위치;
var cx = floating_menu.style.pixelLeft;
var cy = floating_menu.style.pixelTop;
// 지금 위치에서 원하는 위치의 차이를 4로 나누어 그 만큼 더 가까워지게 함
// 나누는수(4)가 크면 클 수록 부드럽게 가까워지고 오래걸림
// 간단한 원리로, 2를 예로 들면 원하는 위치와 현재 위치와의 차이중
// 반만 가까워지고, 나머지 반 중 또 반만 가까워지고, 그 나머지의 반만 가까워지고..
// 그렇게 점점 그 사이가 작아지는데, 그 작아지는 속도는 점점 줄어들죠
// 한마디로 가속도 운동이라고 생각하면 됩니다. 그 가속도가 음수 이고요..
// cx, cy는 현재, tx, ty는 원하는 위치
floating_menu.style.pixelLeft -= ((cx - tx) / 4);
floating_menu.style.pixelTop -= ((cy - ty) / 4);
// 50은 밀리세컨드, 작을 수 록 빠르며 부드러움
// 50밀리세컨드 마다 갱신함
setTimeout('jsSetFloatingMenu()', 50);
}
jsSetFloatingMenu(); // 플로팅 메뉴를 띄움
</script>
저도 그거 사용하고 있는데요..
http://www.hotel1004.com