使用jQuery UI方法

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<meta charset="utf-8">

<title>jQuery UI 拖动(Draggable) - 默认功能</title>

 

<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">

<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

<link rel="stylesheet" href="jqueryui/style.css">

<style>

  #draggable { 150px; height: 150px; padding: 0.5em; }

  </style>

  <script>

  $(function() {

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

  });

  </script>

</head>

<body>

<div id="draggable" class="ui-widget-content">

  <p>请拖动我!</p>

</body>

</html>

原文地址:https://www.cnblogs.com/iOS-mt/p/5652500.html