초 간단 플로팅(jquery 사용) > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

초 간단 플로팅(jquery 사용) 정보

초 간단 플로팅(jquery 사용)

첨부파일

jquery.easing.1.3.js (7.9K) 53회 다운로드 2013-12-04 13:53:05
jquery-1.5.2.min.js (83.9K) 7회 다운로드 2013-12-04 13:53:05
stickysidebar.jquery.min.js (1.8K) 14회 다운로드 2013-12-04 13:53:05

본문

**** 함 테스트 해보세요~~ ***

<style>
#wrap{width:100%;height:1500px}
#skymenuleft{position:absolute;width:50px;height:100px;}
#skymenuleft .stickybox{border:1px solid red;background:#00ff00}
</style>
<div id="wrap">
<div id="skymenuleft">
<div class="stickybox">
test
</div>
</div>
</div>

<script type="text/javascript" src="./js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="./js/stickysidebar.jquery.min.js"></script>
<script type="text/javascript">
$(function () {
  $('#skymenuleft').height( $(document).height()-200 );
  $(".stickybox").stickySidebar({
      speed: 400
    , easing: "easeInOutQuad"
    , constrain: true
  });
});
</script>
추천
3
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로