라벨이 Layer인 게시물 표시

[JS] 페이지 레이어 팝업

딱히 이걸 뭐라고 해야 하는 지 모르겠다; 퀵매뉴 처럼 옆에 붙어 있다가 누르면 나와서 페이지 전체에 보여주는 팝업이다. 처음에는 fixed로 옆에 붙어서 따라다니다가 레이어를 펼치면 absolute로 성격을 바꾸고 기존 wrap는 숨긴다. 와이드 모니터를 사용하는 사람들에게는...유용할듯? <style type="text/css"> .layOutAd{position:fixed;top:0;left:50%;z-index:9999;min-width:100%;min-height:100%;margin-left:638px;} .layOutAd .layOutWrap{position:relative;min-width:100%;min-height:100%;} .layOutAd .layOutWrap #layBtnAd{display:block;width:64px;height:234px;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;} .layOutAd .layOutWrap .off{left:-64px;margin-top:-117px;background:url("오프이미지") no-repeat 0 0;} .layOutAd .layOutWrap .on{left:0;margin-top:-117px;background:url("온이미지") no-repeat 0 0;} </style> <script type="text/javascript"> jQuery( document ).ready(function(){ jQuery("#layBtnAd").live("click", function(){ layOutLeft(); }); }); function layOutLeft(){ var layBtnClass = jQuery("#...

[JS] 버튼 하나로 On Off

<script type="text/javascript"> function Layer(onoff){  var lay=document.getElementById(onoff);   if(lay.style.visibility=="hidden"){   lay.style.visibility="visible";  }else if(lay.style.visibility="visible"){   lay.style.visibility="hidden";  } } </script> <a href="#" onclick="javascritp:Layer('layer_pop');">layer</a> <div id="layer_pop" style="border:1px solid #000;width:500px;height:150px;visibility:hidden"></div>