Web final project.
本项目借用阴阳师的世界观，是一个测试用户是哪个式神的测试网页。整个项目由4个页面构成，每个界面都选了一首不同的背景音乐。项目将根据用户的选项计算用户的分值，不同的分值将指向不同的式神。下面将挨个界面详细介绍一下。 需要注意的是：由于页面引用了fonts.googleapis.com上的css，所以联网加载会有点慢，直接断网点击就能把所有界面打开。
首页主要是一个开场界面，对应的网页是index.html。在开场界面出现之前为其设置了一个loading界面。 加载完毕之后，就进入到主界面，在这里主要是鼠标移动的同时，左右的黑白晴明会同时移动，是个响应的效果。 鼠标移动到扇子上面时，扇子会调转180°，有一个旋转的效果。点击这个扇子就可以进入到测试界面。
测试界面主要由6个子界面组成，每个子界面都是一道测试题，对应的网页是main.html。每个界面的选项都做了一样的响应效果：当鼠标移动到选项上时,选项会倒转180°，是个旋转的响应效果。 1.第一道测试题的界面，为鼠标做了点击效果，点击时会出现白色球状扩散效果。 边上的任务点击之后可以进入到式神介绍的界面。 2.第二道测试题的界面，增加了下雨的效果。 3.第三道测试题的界面，使山兔从左向右跑跳着循环前进，点击山兔也可以进入到式神介绍的界面。 4.第四道测试题的界面，将背景图分为四块，并在延迟3秒之后浮动出来，可以随着鼠标的移动而移动。 5.第五道测试题的界面，隐藏了鼠标，鼠标移动之后停到哪里，就会在哪里生成一颗星星，并和前一颗星星连起来组成鼠标移动的轨迹。星空的颜色会随着时间的流逝变化。 6.第六道测试题的界面，延迟3秒之后产生一个背景分层的效果，分层之后的层面会随着鼠标的移动而移动，从而有一种晕影的效果。
这个界面是用户最终查看自己式神身份的界面，对应的页面是result.html。之前测试界面产生的分数会通过url传到这个界面了，并呈现对应的式神给用户。 用户进到这个界面会先看到一个弹跳的盒子。 点击这个盒子之后，式神的图片被展示出来。有一个动态响应的效果。
在这个界面会向用户提供测试中可能出现的式神的相关信息，对应的界面是profile.html。在测试界面中点击一旁的式神图片也可以进入到这个界面，这个界面的返回按钮会把用户引导到最开始的开场页面。 用户把鼠标放在式神图片上会随着鼠标移动在不同位置出现“向前翻页”或者“向后翻页”的按钮。 翻页之后，用户将看到一个式神图片翻转的动态效果和式神信息的更新。