js设计思想：
- 第一、做这种页面拖拽效果，我们首先想到的一定是鼠标事件，是的，这样就离成功不远了
- 第二、鼠标的那些事件呢？我们得点击鼠标mousedown、点完之后还得移动才能实现拖拽吧那就是还有onmousemove，这两个过程都完成了是不是就得松开鼠标或者释放了mouseup。
- 第三、在这三个鼠标事件中我们具体要做怎样的操作呢，mousedown拖动条的时候获取它距离左面的距离left（）；mousemove的时候我们要让按钮移动，但是左右边不能超界，mouseup的时候停止拖动这个动作。
用到的方法事件:
- mousedown 鼠标按下事件
- onmousemove 鼠标移动事件
- mouseup 鼠标离开事件
