[jQuery] 위아래로 따라다니는 퀵메뉴

컴터/jQuery 2009. 3. 23. 17:53
<script>
function quick_menu_slide(){
    b_width = $(document.body).width(); //페이지 전체크기
    d_width = $("#head_menu_layout").width(); //본문 전체 크기임
    t_height = $(document.body).scrollTop(); //상단 높이


    width = (b_width - d_width) <= 0 ? 920 : b_width/2 + 440; //왼쪽으로 부터 얼마를 떨어뜨려야할지.
    height = t_height + 118; //상단부터 띄워야 하는 높이

    $("#quick_menu_div").css({top:height, left:width, display:'block'});
}

$(window).load(quick_menu_slide).resize(quick_menu_slide).scroll(quick_menu_slide);
//->메서드 체인 짱!! 로딩, 창 리사이즈, 페이지 스크롤 될때 불러들임.
</script>

<style>
#quick_menu_div {position:absolute; display:none;}
</style>



<div id="quick_menu_div">
    퀵메뉴 테스트
</div>

Trackbacks 0 : Comments 0

Write a comment

◀ PREV : [1] : [2] : [3] : [4] : [5] : [6] : [7] : [8] : NEXT ▶