웹 페이지 에서 예제 코드 를 끌 수 있 도록 요소

1.JS 라 이브 러 리 가 져 오기:
 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
2.id 가 있 는 div 요소:
 
<div id="draggable">
<p>Drag me around!</p>
</div>
3:div 스타일 설정:
 
#draggable {
width:150px;
height:150px;
padding:0.5em;
border:1px solid;
}
4:요 소 를 끌 어 다 놓 기:
 
<script>
$(function() {
$('#draggable').draggable();
});
</script>
효 과 를 누 르 십시오:http://jsfiddle.net/tounaobun/KS8JC/ 소스 코드:
 
<!-- import the necessary files -->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$('#draggable').draggable();
});
</script>
<style>
#draggable {
width:150px;
height:150px;
padding:0.5em;
border:1px solid;
}
</style>
<div id="draggable">
<p>Drag me around!</p>
</div>

좋은 웹페이지 즐겨찾기