[etc] jquery용 quickmenu도 있네요. > 팁앤테크

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

팁앤테크

[etc] jquery용 quickmenu도 있네요.

페이지 정보

profile_image
작성자 허깨비
댓글 0건 조회 93,661회 작성일 11-07-06 21:20

본문

아래처럼 하시면 quickmenu을 심플하게 처리할 수 있네요.
jquery 기반입니다.

- CSS (중앙정렬 레이아웃일 때)

#quickmenu {position:absolute; left:50%; top:100px; width:100px; margin-left:450px; /* wrapper/2 */}


- JS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
var currentTop = parseInt($("#quickmenu").css("top"));
$(window).scroll(function() {
$("#quickmenu").stop().animate({"top": $(window).scrollTop()+currentTop+"px"}, 500);
});
});
</script>


- PHP / HTML

<div id="quickmenu"> ... </div>

댓글목록

등록된 댓글이 없습니다.

Total 829건 1 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 날짜
829 제로 8667 06-18
828 제로 11690 03-21
827 제로 10128 02-23
826 제로 35092 11-02
825 제로 37869 07-10
824 제로 58512 04-06
823 제로 35851 02-21
822 제로 45279 12-31
821 제로 35268 12-24
820 제로 35040 12-04
819 제로 38566 10-17
818 제로 36976 10-02
817 제로 73360 08-04
816 제로 34958 08-04
815 제로 53852 08-03
814 제로 53564 07-08
813 제로 89130 07-08
812 제로 108933 07-06
811 제로 36184 06-09
810 제로 43176 06-03
809 제로 41362 04-16
808 제로 42269 03-29
807 제로 35063 03-26
806 제로 45460 03-12
805 제로 37686 03-10

검색


사이트 정보

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

접속자집계

오늘
26,973
어제
37,399
최대
552,140
전체
16,170,627
Copyright (c) 株式会社YHPLUS. All rights reserved.