jQuery UI是以jQuery为基础的代码库，包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序
网站：http://jqueryui.com/
例子：拖拽
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>拖拽</title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){ ???$(‘.box‘).draggable({ ???????axis:‘x‘, ???????containment:‘parent‘, ???????opacity:0.5, ???????drag:function(ev,ui){ ???????????//console.log(ui); ???????????//document.title = ui.position.left; ???????????$(‘#shownumber‘).val(parseInt(100*(ui.position.left/600))); ???????} ???});})</script><style type="text/css">
.con{ ???width: 800px; ???height: 200px; ???border: 1px solid #000; ???margin: 50px auto 0;}.box{ ???width: 200px; ???height: 200px; ???background-color: antiquewhite;}</style></head>
<body>
<div class="con">
???<div class="box"></div></div><input type="text" id="shownumber"></body>
</html>
jQueryUI
原文地址：http://blog.51cto.com/13742773/2342272