JavaScript实现的多种鼠标拖放效果

本文实例讲述了Javascript实现的多种鼠标拖放效果。分享给大家供大家参考，具体如下：

这是一款Javascript鼠标拖放效果代码，通过本示例了解触发对象，设置范围限制，指定容器大小水平及垂直锁定，还包括获取和释放焦点等。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-mouse-move-fix-style-codes/

具体代码如下：

 
#idContainer{ border:10px solid #990000; width:600px; height:300px;}
#idDrag{ border:5px solid #C4E3FD; background:#C4E3FD; width:50px; height:50px; top:50px; left:50px;}
#idHandle{cursor:move; height:25px; background:#0000FF; overflow:hidden;}











拖放状态：未开始

希望本文所述对大家Javascript程序设计有所帮助。