draggable - div 드래그

by 조쉬 posted Mar 31, 2021
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js">
</script>
<script>
$(document).ready(function(){
$( "#draggable" ).draggable();
});
</script>
<style>
#draggable{width:150px; height:150px; border:1px solid #ccc;}
#draggable:hover{cursor:move;}
</style>
<div id="draggable">
<p>Element<p>
</div>