1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 接口测试平台代码实现10:菜单页面升级

接口测试平台代码实现10:菜单页面升级

时间:2022-09-29 16:45:26

相关推荐

接口测试平台代码实现10:菜单页面升级

在介绍项目列表之前,先让我们热热身,做一个各个页面都会出现的右上角返回主页按钮,这里会学习到一些css属性和js的使用。

在之前的章节中,我们规定home.html 作为我们的主页。那么我们给其他人分享的平台地址应该是:你的ip:8000/home/

在我们之后的旅途中,会生产很多页面和功能。那么使用者如何返回主页呢?很多网站都用点击左上角的名字来返回主页,并且左侧菜单有隐藏和出现的按钮设置。毕竟总这么显着也有点挡害。

我的设想是增加一个按钮,贴在这个菜单右侧,点击一次就隐藏菜单,再点击就显示菜单。

所以让我们进入welcome.html中,想办法进行实现吧。打开welcome.html:

在菜单的html代码块下 新增一个button按钮,文案为“隐藏”

我们现在刷新页面仍然看不到这个按钮,那是因为这个按钮被菜单给遮挡了。我们发现这个菜单的宽度是固定的。所以我们也可以写死这个按钮的位置坐标:给button标签 增加css属性,所有css属性都是可以放在标签内的style属性中的,多个用;隔开。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。