<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <title> New Document </title><meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><meta content-type="text/html" charset="gb2312"/><style type="text/css"> body{padding:0px;text-align:center;font:12px Arial;} div.container{width:100px;height:100px;border:1px solid #000;margin:10px auto;} div#main{width:99px;height:99px;border:1px solid #000;background:#050;color:#fff;font:12px Arial;margin:auto;} p{text-algin:left;} </style></head><body> <div id="one" class="container"></div><div id="two" class="container"></div><div id="three" class="container"></div><div id="four" class="container"></div><div><div id="main">drag me</div></div><p>在绿色方块上按下鼠标，可以将其拖动，在方块的位置靠近某个方框并且方框的边线显示红色时，放开鼠标，方块会自动进入方框，其它位置放开鼠标，方块会返回上一次的位置。</p></body></html>[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]以上就是AjaxUI：鼠标拖拽的详细内容，更多请关注0133技术站其它相关文章！
