ok,任务二完成。

走了不少弯路踩了不少坑，还好有师兄，能扶我起来(接的送(2333))

这里总结一下把。

1.着重讲一下滑块拖动。有一个很简便的方法来实现，就是用<input type='range'>。这个源于html5的新用法可以方便的创建一个滑块。

这个是初始样貌。

在创建的时候可以在input标签内选择step，min，max等来选择步长范围。

同时它还可以用css改变样貌。

这个需要在css里用input[type=range]::-webkit-slider-thumb，input[type=range]::-webkit-runnable-track，来调整，分别对应滑块和轨道。

然后应用的时候就很简单了，给滑块添加一个mousemove事件就可以轻松地在拖动它的时候得到它的值。

加号和减号绑定滑块移动也很简单，获取num的值然后$('x').val(num)就可以了。

不过html5存在一个兼容问题，暂时我还不去考虑这个，反正我用的最新版Chrome(逃

2.最后一个按钮跳转前，记得确认一下，身份有没有发(不然玩什么23333)。

3.跳转用location.href,不用post，也不用window.open,简简单单的就ok。

4.暂时就这么多，如果还能想起来别的再回来补。

5.最后感谢我可爱的师兄。没有你我的滑块就滑走了(设计思路有点歪了哈哈哈)。

6.对了，ui别自己画，md任务有图，希望后辈引以为戒。这是个坑，大坑。

7.开始新任务咯！

_(:3 」∠ )_