侧面导航

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

之前我弄过一个风琴导航，现在我来弄侧面导航。侧面导航适用于页面比较长的网页，可以帮助你快速的到达你想要到达的页面，我们来看一下。
敲代码肯定少不了源代码的啦，看看源代码：

第一个div是一键回到顶部按钮，第二个div是每个页面的按钮，可以增加，也可以减少。

再来看看CSS的代码：


第一张图是一键回到顶部的样式，第二张图是每个页面的按钮样式。

JS的代码更顶部菜单的代码差不多，JS的代码：

这是小按钮的JS代码：

这个是一键回到顶部的JS代码，JS的代码：

最后我们看看做好的效果图：

大家应用在你们的网页上，谢谢观赏。