顶部菜单

开发工具与关键技术：DW与JS
作者：茅凯翔
撰写时间：2019年2月12日星期二

任何网页都会有菜单的，大部分的菜单都在顶部，菜单的作用于让人们快速的到达想要到的网页，现在让我们看看的顶部菜单怎么做。
1.菜单跟风琴差不多，我们来看看源代码是怎么写的：

前面的是一个logo，后面的自定义属性就是菜单，每一个菜单对应着一个页面。

2.然后我们去设置CSS样式，要不然它的字全部挤在一起：


设置好logo图片的大小，设置好字的大小，可以给每个选项设置一个框，设置它们的距离，把它们的角弄成圆一点，再设置伪类，大致设置好了。

3.我们再设置JS样式，样式如下：

JS样式设置完，我们来看看效果是什么样子：

你们也可以试试其他的样式的，大致的效果都一样。