[jQuery] jquery-1.4.2를 이용한 퀵메뉴 > 팁앤테크

본문 바로가기
사이트 내 전체검색

팁앤테크

[jQuery] jquery-1.4.2를 이용한 퀵메뉴

페이지 정보

본문

<div id="quick_menu" style="position:absolute;display:none;">퀵메뉴</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">  

 $(document).ready(function(){
              var quick_menu = $('#quick_menu'); // 퀵매뉴의 id명
          var quick_top = 100; // 위에서부터 떨어져야 되는 거리
          var quick_left = 510; // 중앙에서 떨어져야 되는 거리
          var quick_speed = 1000; // 이동속도
     quick_menu.css('top', quick_top + "px");
     quick_menu.css('left', (document.body.clientWidth / 2) + quick_left + "px" );
     quick_menu.css('display', '');

     $(window).resize(function(){
         quick_menu.css('left', (document.body.clientWidth / 2) + quick_left + "px" );
     });

     $(window).scroll(function(){
         quick_menu.stop();
         quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, quick_speed );
     });
 });
 </script>
추천0

댓글목록

profile_image
Total 825건 12 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
550 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 40762 0 11-17
549 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 37864 0 12-08
548 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 34373 0 12-14
547 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 21460 0 12-27
546 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 17821 0 01-04
545 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 32456 0 01-15
544 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 32322 0 01-15
543 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25210 0 01-24
542 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26672 0 01-24
541 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 22783 0 01-24
540 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 21920 0 01-24
539 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 39361 0 01-27
538 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27910 0 01-28
537 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25266 0 01-31
열람중 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 24215 0 02-08
535 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26591 0 02-08
534 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 32079 0 02-09
533 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 28174 0 02-13
532 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18931 0 04-11
531 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 20511 0 06-02
530 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 20523 0 06-07
529 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 21165 0 06-14
528 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 23117 0 06-21
527 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 20849 0 07-27
526 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 16495 0 08-08

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
4,091
어제
5,045
최대
9,679
전체
2,618,469
Copyright (c) 株式会社YHPLUS. All rights reserved.