jquery 화면 왼쪽 슬라이드 메뉴 > 개발

• 목록

• 페이스북 공유
• 트위터 공유

[code]
<style type="text/css">
#slide {width:225px;height:500px;position:fixed;left:-200px;top:39px;z-index:100;background-color:#ffffff;}
#tab {float:right;}
#content {width:198px;float:left;}
</style>

<div id="slide">
<div id="tab">
<div style="padding:1px;border:0px solid #dddddd;">
<p><a href="#">메뉴</a></p>
</div>
</div>
<div id="content">
<div style="padding:10px;border:1px solid #dddddd;">
메뉴내용
</div>
</div>
</div>

<script type="text/javascript">
jQuery(function() {
jQuery("#tab").toggle(
function() {
jQuery("#slide").animate({left: 0}, 500 );
},
function() {
jQuery("#slide").animate({left: '-200px'}, 500 );
}
);
});
</script>
[/code]

추천0