RadarURL

움직이는 div 처리

by 똑띠 posted Dec 03, 2009
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄

layout.html 파일에서

 

<!--%import("js/drag.js")-->

 

<script type="text/javascript">
new Drag("draggable");    //드래그가능하게할 AttributeName 을 설정해, 객체를 생성합니다.
function setOpacity(Obj,Opacity) {
    Obj.style.filter = "alpha(opacity=" + Opacity + ")";    //IE
    Obj.style.opacity = Opacity / 100;    //FF,Opera,Safari
}
</script>

<script type="text/javascript">
function showon() {
    if(document.all.divPop.style.visibility=="hidden") {
         document.all.divPop.style.visibility="visible";
         return false;
    }
    if(document.all.divPop.style.visibility=="visible") {
        document.all.divPop.style.visibility="hidden";
        return false;
    }
}
</script>

 

 

<a href="#" onclick="showon(div111);">클릭하면 </a>


<div id='divPop' style="width:100px; height:200px;visibility:hidden; background-color:#FA8406; cursor:move;" onmousedown="setOpacity(this,30)" onmouseup="setOpacity(this,100)" draggable="true">

</div>