使用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 { width: 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>

 

posted @ 2016-07-08 10:23  mengxiangtong22  阅读(402)  评论(0)  编辑  收藏  举报