제이쿼리 퀵메뉴 스크립트
페이지 정보
작성자 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 3,396회 작성일 15-05-01 18:09본문
//퀵메뉴 레이어
<div id='quick' style='position:absolute;z-index:2;top:0;left:0;width:100px;'>
퀵메뉴 레이어
</div>
//jQuery 로드
<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
//스크립트 정의
<script type="text/javascript">
var quick_menu = $('#quick');
var quick_top = 80;
/* quick menu initialization */
quick_menu.css('top', $(window).height() );
$(document).ready(function(){
quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" }, 500 );
$(window).scroll(function(){
quick_menu.stop();
quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, 1000 );
});
});
< /script>
댓글목록
등록된 댓글이 없습니다.