AjaxUI:鼠标拖拽
New Document 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;} drag me
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
在绿色方块上按下鼠标,可以将其拖动,在方块的位置靠近某个方框并且方框的边线显示红色时,放开鼠标,方块会自动进入方框,其它位置放开鼠标,方块会返回上一次的位置。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
转载请说明出处
知优网 » AjaxUI:鼠标拖拽(js鼠标拖拽)
知优网 » AjaxUI:鼠标拖拽(js鼠标拖拽)