在介绍项目列表之前,先让我们热热身,做一个各个页面都会出现的右上角返回主页按钮,这里会学习到一些css属性和js的使用。
在之前的章节中,我们规定home.html 作为我们的主页。那么我们给其他人分享的平台地址应该是:你的ip:8000/home/
在我们之后的旅途中,会生产很多页面和功能。那么使用者如何返回主页呢?很多网站都用点击左上角的名字来返回主页,并且左侧菜单有隐藏和出现的按钮设置。毕竟总这么显着也有点挡害。
我的设想是增加一个按钮,贴在这个菜单右侧,点击一次就隐藏菜单,再点击就显示菜单。
所以让我们进入welcome.html中,想办法进行实现吧。打开welcome.html:
在菜单的html代码块下 新增一个button按钮,文案为“隐藏”
我们现在刷新页面仍然看不到这个按钮,那是因为这个按钮被菜单给遮挡了。我们发现这个菜单的宽度是固定的。所以我们也可以写死这个按钮的位置坐标:给button标签 增加css属性,所有css属性都是可以放在标签内的style属性中的,多个用;隔开。