Javasript 제이쿼리 퀵메뉴 스크립트
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 4,008회
작성일 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>
댓글목록
등록된 댓글이 없습니다.