自动转换为下拉列表的网站导航栏

网站的导航栏是很重要的一部分,无论用户使用的是什么样的屏幕,你的导航栏都应该是可见且美观的。
如果用户的屏幕比较窄,就需要对导航栏进行处理,这里提供了一个依靠js来判断和切换导航栏为下拉列表的方法,供大家参考。
正常状态(用户屏幕宽度足够)
图像 1
下拉列表状态(导航栏宽度超过用户屏幕)
这个时候点击“Menu”,可以打开和关闭菜单。
图像 2
代码在下面的框里,点击下面的运行按钮可以看到页面。

提示:你可以先修改部分代码再运行。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注