초 간단 플로팅(jquery 사용)

· 12년 전 · 4609
**** 함 테스트 해보세요~~ ***

<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>

첨부파일

jquery.easing.1.3.js (7.9 KB) 53회 2013-12-04 13:53
jquery-1.5.2.min.js (83.9 KB) 7회 2013-12-04 13:53
|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 팁자료실

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

+
제목 글쓴이 날짜 조회
12년 전 조회 4,940
12년 전 조회 1만
12년 전 조회 5,020
12년 전 조회 3,358
12년 전 조회 2,961
12년 전 조회 4,399
12년 전 조회 3,978
12년 전 조회 6,141
12년 전 조회 3,346
12년 전 조회 4,610
12년 전 조회 4,861
12년 전 조회 4,469
12년 전 조회 5,173
12년 전 조회 5,077
12년 전 조회 4,803
12년 전 조회 5,169
12년 전 조회 4,512
12년 전 조회 4,575
12년 전 조회 1.1만
12년 전 조회 9,621
🐛 버그신고