001_创建一个sidebar切换页面

Table Of Content
准备
实现

这是一个基础的准备,仅仅含有html/css文件。 下载link

这是我们学习制作一个sidebar页面之前的准备,我们接下来只关注js部分的实现。
在以上准备文件中,如果你下载完毕,双击index.html ,然后按F12,将看到以下页面:

001_创建一个sidebar切换页面

在这里,你会看到,预留了一个diaplay属性:

001_创建一个sidebar切换页面

如果你去掉display前面的小勾,即取消应用该属性,你将会看到以下页面:

001_创建一个sidebar切换页面

该页面,就是我们接下来希望通过js来控制切换的sidebar页面。 你可以通过阅读提供的准备代码,了解该页面的编写。

上一篇:前端的命名规范


下一篇:javascript-与Bootstrap,Scrollspy和Collapse嵌套,折叠的边栏导航?