[etc] jquery용 quickmenu도 있네요.
페이지 정보
본문
아래처럼 하시면 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>
추천0
댓글목록
등록된 댓글이 없습니다.
