본문 바로가기

팁! 이것만 알고가자/HTML_JAVASCRIPT

div 팝업창 표시 및 스크롤

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

 

<STYLE TYPE="text/css">
 #promotion {
  position : fixed;
  top : 50px;
  left : 20px;
  width : 557px;
  height : 387px;
  filter:alpha(opacity=90);; opacity:0.9; -moz-opacity:0.9;
 }
</STYLE>


<div id="promotion"><a href="javascript:showpro();"><img src="./images/promotion.jpg" border="0" /></a></div>


<SCRIPT LANGUAGE="JavaScript">
<!--
 function showpro(){
  document.all.promotion.style.display="none";
 }
 $( "#promotion" ).draggable();
//-->
</SCRIPT>