라벨이 Over Layer인 게시물 표시

[JS] OverLayer + Scroll

<script type="text/javascript"> jQuery( document ).ready(function(){ jQuery("#layerMainWrap").fadeOut(1500, "linear"); jQuery("#btnLayerMain").hover(function(){ jQuery("#layerMainWrap").fadeIn("Fast"); }); jQuery("#btnLayerMain").mouseout(function(){ jQuery("#layerMainWrap").hide(); jQuery("#layerMainWrap").mouseover(function(){ jQuery("#layerMainWrap").show(); }); }); $(window).scroll(function(){ if  ($(window).scrollTop() >= 159){  jQuery("#layerMainCon").css("position" , "fixed"); jQuery("#layerMainCon").css("top" , "40px"); }else if  ($(window).scrollTop() <= 159){  jQuery("#layerMainCon").css("position" , "absolute"); jQuery("#layerMainCon").css("top" , "0"); } });  }); </script> ...

[JS] Over Layer

<script type="text/javascript">  function view(opt) {   if(opt) {    spec1.style.display = "block";   }   else {    spec1.style.display = "none";   }  } </script> <div style="position:relative;">  <a href="#" onmouseover="view(true)">버튼</a>   <div id="spec1"  style="display:none; position:absolute; top:20px; left:20px;">   레이어   <a href="" onmousedown="view(false)" >닫힘</a>   </div> </div>