AjaxUI：鼠标拖拽

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <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> <div><div id="main">drag me</div></div> <p>在绿色方块上按下鼠标，可以将其拖动，在方块的位置靠近某个方框并且方框的边线显示红色时，放开鼠标，方块会自动进入方框，其它位置放开鼠标，方块会返回上一次的位置。</p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]