[ETC] JQ - draggable() 메서드 - 요소드래그이동 (= 요소이동 = 요소끌어이동 = Drag & Drop = 드래그앤드롭 = 드래거블)

draggable() 예제 

 

<style>

  #hz {

    border:5px solid red;

    padding:10px;

    width:200px;

    cursor:pointer;

  }

</style> 

 

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>

$( function() {

    $( "#hz" ).draggable();

} );

</script>

 

<div id="hz">

  <p>홈짱닷컴 Homzzang.com</p>

</div>

결과 보기