<p>jquery Draggable</p><pre class="brush:html;toolbar:false"><!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<metaname="viewport"content="width=device-width,initial-scale=1">
<title>jQueryUIDraggable-Defaultfunctionality</title>
<linkrel="stylesheet"href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<linkrel="stylesheet"href="/resources/demos/style.css">
<style>
#draggable{width:150px;height:150px;padding:0.5em;}
</style>
<scriptsrc="https://code.jquery.com/jquery-1.12.4.js"></script>
<scriptsrc="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function(){
$("#draggable").draggable();
});
</script>
</head>
<body>
<divid="draggable">
<p>Dragmearound</p>
</div>
</body>
</html></pre>