JavaScript学习实战演练（一）音乐播放器进度条

主要是对于js的简单运用，这里只是做一个进度条

HTML+CSS

1、确认做出来的样式。在开始做一个dome前，首先要对于整个项目进行分析，虽然进度条很简单，但还是需要解析，理出思路。为了好看仿照随便找一个播放器的来用

3、将页面样式显示出来具体代码如图所示。

4、开始写鼠标左键按下事件。首先要在函数外部添加监听，监听对象是滑动条钱砀渝测（slider）。然后在case “mousedown”中写入，对控制点进行监听，获得鼠标坐标位置以后更改控制点位置。

5、鼠标移动事件与按下事件相同。最后是抬起事件，需要将移动事件和按下事件的监听移除。