<title>jQuery UI 拖动（Draggable） - 视觉反馈</title>
<link rel="stylesheet" href="/css/jqu1.10.4/jquery-ui.min.css">
<script src="/js/jqu/jquery.min1.10.2.js"></script>
<script src="/js/jqu/jquery-ui.min1.10.4.js"></script>
<link rel="stylesheet" href="jqueryui/style.css">
#draggable, #draggable2, #draggable3, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; } #draggable, #draggable2, #draggable3 { margin-bottom:20px; } #set { clear:both; float:left; width: 368px; height: 120px; } p { clear:both; margin:0; padding:1em 0; } $( "#draggable" ).draggable({ helper: "original" }); $( "#draggable2" ).draggable({ opacity: 0.7, helper: "clone" }); $( "#draggable3" ).draggable({ cursorAt: { top: -12, left: -20 }, helper: function( event ) { return $( "<div class='ui-widget-header'>I'm a custom helper</div>" );