一级导航里包含二级导航并且颜色的透明度不一样
一级导航可分为三部分,给个弹性布局
左Logo
中间的导航区是一个无序列表给一个弹性布局使其平铺,让其中间的li边距出现空隙,并给一个 :hover的伪类选择器使其出现鼠标滑入滑出样式
右边的登录:分为:logo使用圆角边框border_radius 出现圆圈边线 :欢迎登陆和查看战绩
二级导航里布局为ul.li嵌套ul.li,给二级导航nav颜色透明,在CSS里隐藏二级导航,nav内给无序列表设置宽和左边距,并用弹性布局使其平铺,再给ul下面的li设置取消固定样式,在设置ul,li里的ul,li的字体颜色,文字大小,和行高,并设置两个小logo的图片样式。
二级导航:与一级导航宽一样
鼠标移入下拉二级导航出现,移出则上拉回一级导航
对一级导航的li设置鼠标移入js动画,对二级导航的li设置鼠标移出js动画