오른쪽 사이드메뉴 숨김 및 보이기 스크립트 > JQuery & JavaScript

STUDY ROOM

JQuery & JavaScript

오른쪽 사이드메뉴 숨김 및 보이기 스크립트

페이지 정보

작성자 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>

 

댓글목록

등록된 댓글이 없습니다.