今天做的任务二。有几点总结一下。

1.css样式是我自己设计的，因为我喜欢自己选的颜色(但是好辛苦，闷声作大死系列，难以想象以后的UI都得自己画.......)

2.这次css样式大部分采用的inline-block，上次的任务全部用float做的，这次想试试别的方法。

在文字方面，如果想让字竖起来，我有两种方法，一是使用word-wrap:break-word;二是使用width进行限制。

如果想让文字不要溢出，可以选择添加overflow。

如果不想要li的点，可以list-style:none。

3.这个任务设计思路大体如下:

   ·首先第一个函数是根据任务创建一个相同数量的列表，并全部赋值0。然后根据杀手的数量选取随机数，取列表不同的位置赋值1。

   ·然后第二个函数把0换成平民，1换成杀手，做成li写入div。

   ·第三个函数可以将结果显示出来||重置。

   ·然后拖拽滑块部分，本来想用canvas画的，最后还是用的css，感觉自己好蠢，平白浪费了很多时间。加号和减号的函数写好了，点击时人数和滑块的位置都会变，并且保证能在[6,18]区间内。但是拖拽函数我还没写出来。我是想当滑块mousedown时，获取当前pageX，然后用mouseover不断更     新pageX判断是左滑还是右滑。但是mouseover只监听滑块的位置，所以我把选择区域区到最大body。可它还是有点不符合我的想法，我大概有这么几个问题想请教师兄一下。

       ·怎么判断鼠标移动多少来确定滑块变多少呢？因为不同分辨率鼠标移动的px不一样，移动的范围和初始范围的比大概在[0.02%,0.2%]内变化，所以我应该怎么来确定呢？

       ·我在mousedown里嵌套了mouseover，可是我发现mousedown触发后mouseover停不下来了(一脸懵逼)，所以我觉得应该加一个mouseup，可我不知道加在哪里合适，好尴尬。

       ·我目前想到的判断鼠标X轴坐标移动情况的检测方法是用timeInterval，每0.1秒检测一下pageX，师兄您看这样合适吗。

       ·师兄我之后的任务，在点击go之后，是用jq创建新的div然后hide，show，之类的做成静态网页呢？还是写一个新的html跳转呢？

       ·卖萌打滚撒娇求教育。

       ·最后贴个图

       ·明天再接的码。

       ·(扶我起来我还能送(逃))

_(:3 」∠ )_