오른쪽 사이드메뉴 숨김 및 보이기 스크립트
페이지 정보
작성자 JMStudy 작성일15-12-16 18:35 조회6,616회 댓글0건본문
오른쪽 사이드메뉴바 클릭하면 이미지가 나타나며 클릭하면 다시 숨기는 기능
<style>
#right_side_menu {position:absolute; position:fixed; z-index:40; top:250px; right:0; margin-right:-135px;}
</style>
<SCRIPT type="text/javascript">
var menu_flag = true;
function show_side_menu(){
if (menu_flag) {
$("#right_side_menu").animate({"right": "+=135px"}, "slow");
menu_flag = false;
} else {
$("#right_side_menu").animate({"right": "-=135px"}, "slow");
menu_flag = true;
}
}
</SCRIPT>
<div id="right_side_menu"><a href="javascript:show_side_menu();"><img src="./img/사이드메뉴이미지" width=195></a></div>
댓글목록
등록된 댓글이 없습니다.