#前端开发那些事#详见：Javascript鼠标拖动面板的制作思路及注意点 在这篇文章，我们将随作者来看看，如何利用 Javascript 实现鼠标拖动面板的效果。作者将分享其实现思路以及相关注意要点。[围观]前端开发那些事专辑，欢迎你来投稿。[来]先来看看效果：拖动面板演示效果 HTML结构很简单，一个大的div包含三个小的div 如图： 然后开始思考如何来写鼠标拖动实现的代码。 点击到标题才能拖动. 标题被点击后，触发点击事件，同时给点击事件绑定鼠标移动事件。 当鼠标移动时，将面板也按照鼠标的位置进行移动。 鼠标松开后，清空鼠标移动事件。 这是大方向的思路，然后我们细化一下。 标题被点击，首先要获取到class="text"的第一个元素，设置onclick事件。 绑定的鼠标移动事件中，首先得到鼠标的位置，然后得到面板的位置，需要进行一点运算看看让面板怎样移动，这个后面会详解。 对于最后清空鼠标移动事件：标题鼠标松开时触发onm...
