js阴阳师官网效果图

1.布局头部尺寸和样式

图1 布局尺寸
（1）左侧“游戏全目录”菜单样式（3分）
字体大小为16px，字体颜色为白色，背景颜色为#B22222
（2）导航logo使用定位方式居中（5分）
（3）右侧字幕样式（2分）
字体大小为12px，字体颜色为白色，背景颜色为#666
（4）二级菜单（5分）
二级菜单样式：高度为500px，背景颜色为rgb(240,255,240），透明度为90%。
当鼠标悬停在“游戏全目录”主菜单上后，二级菜单从上往下展开显示

图2 二级菜单效果图

  1. logo和进入官网图片样式（3分）

图3 logo和进入官网尺寸图
 “进入官网”为超链接，鼠标悬停在上面的时候，图片透明度变为85%。
3.侧边按钮“展开/收起”样式（12）
（1）字体颜色为白色，字体大小为18px，固定在距离浏览器顶部200px.位置。
（2）二维码中蓝色横线动画效果：动画时间为3s，上下循环移动。

图4 ‘展开”内容
二、js交互控制（40分）
（1）使用js控制顶部右侧字幕循环向上滚动，当鼠标悬停在字幕上时停止滚动
（2）使用js控制“展开/收起”的位置，单击“展开”显示效果如图6所示，单击“收起”显示效果如图5所示

       图5 收起效果                          图6 展开效果

图呢。。。还需要不

现成的 https://search.gitee.com/?skin=rec&type=repository&q=%E9%98%B4%E9%98%B3%E5%B8%88
gitee ，github都有 你可以看看

img