본문 바로가기

컴터/jQuery

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

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
<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>