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

在绿色方块上按下鼠标,可以将其拖动,在方块的位置靠近某个方框并且方框的边线显示红色时,放开鼠标,方块会自动进入方框,其它位置放开鼠标,方块会返回上一次的位置。

AjaxUI:鼠标拖拽(js鼠标拖拽)  AjaxUI:鼠标拖拽 第1张


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
转载请说明出处
知优网 » AjaxUI:鼠标拖拽(js鼠标拖拽)

发表评论

您需要后才能发表评论