초 간단 플로팅(jquery 사용) 정보
초 간단 플로팅(jquery 사용)첨부파일
본문
**** 함 테스트 해보세요~~ ***
<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>
<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
3
댓글 0개