今天完成的任务：1.完成任务三；

2.学习jquery隐藏显示，淡入淡出，滑动，动画。

3.整理任务四的整体逻辑。

明天计划的任务：完成任务四的3个静态页面布局。

遇到的困难：第一次用jquery来改变任务三的静态页面.

比如任务三用jquery触发click事件：

$("selector").click(function(){});

更改某个id="identity"的样式，比如说设置字体为20px:

$("#identity").css('font-size','20px');

更改id为identity的内容为123：

$("#identity").text("123");

收获：1.学习jquery隐藏显示，淡入淡出，滑动，动画。

2.尝试着写了一下任务四的逻辑：

       2.1首先获取任务三的数据，进入显示玩家数量页面（页面1），在这里需要新建2个2维数组，一个为被杀死的2维数组，有序号和身份；另一个是被投死的2维数组，也是有序号和身份；

       2.2进入法官视角（页面2），进入杀手杀人阶段，点击杀手杀人，跳入玩家数量页面（页面1）；（）进入第一天

       2.3跳入杀手杀人页面（页面1）。点击角色1，该角色background-color改变；如果点击角色2，角色2的background-color改变，角色1的background-color恢复原色；然后点击确定，跳转法官页面（页面2）；

       2.4法官页面（页面2）亡灵发表遗言。1.由于第一天杀手杀人，所以杀手杀人选项颜色发生改变；

             2.只能选取亡灵发表遗言，发言时弹出对话框，同时亡灵发表遗言块变色，只能按顺序点击，如果点击其它步骤，则会弹出confirm对话框，请按顺序发言。

       2.5法官页面（页面2）玩家依次发言。和步骤2.4一样。

       2.6点击投票（页面2），弹出confirm提示框，提示“正在转入投票页”，导入到页面1中。

       2.7导入投票页面（页面1）之后，之前变色块都不能被选中，点击投票下面的投票图标，出现选框；点击投票按钮之后，将会进入法官页面（页面2）。

       2.8第一天的前面几个步骤全部变色，第二天还没显示，点击第二天之后判断页面1中的杀手和平民的人数，如果杀手人数大于平民数，返回"杀手"值，如果杀手数量为0，返回“平民”值。否则就跳转页面2（第二天），重复步骤3-8；

       最后一步：进入到游戏结束页面；获取投票页面1中的被杀死的2维数组和被投死的2维数组；以及天数；

页面2中角色值。