html怎么设计 左侧是菜单栏，点击不同的菜单选项在右侧出现相应的内容
大致思路
左侧：菜单，给每个菜单设置id和onclick点击事件，onclick事件触发的函数假设写为display（）
右侧：写个固定样式的div，id假设设置为board。
如果你的菜单内容在服务器
display（）的实现如下
function display（）{
$.ajax（{
type: “POST“,
url: 菜单所请求的内容地址,
data: this.id等等相关的请求标志,
success: funtion（data）{$（’board’）.html（data）},//返回数据填充
dataType: dataType}）;
}
如果菜单内容写死在页面内
那么右侧：写和菜单数一样多的div，把所有的display属性设置为none
同时display（）的实现如下
function display（）{
$（’#’+$（this）.attr（’rel’））.style.display=’block’;
}
以上，伪代码，仅供参考
华为下拉菜单栏样式怎么换
如果您的手机出现通知栏无法下拉的情况，请您按照以下方法排查：
1.检查您的系统是否为HarmonyOS
为了让您能简单的同时管理通知中心和控制中心，HarmonyOS 对两者的呼出热区进行了分离：
（1）当您在竖屏场景使用中间挖孔设备时，从挖孔右侧的屏幕顶部热区下拉，可以调出控制中心，从其他的屏幕顶部热区下拉，可以调出通知中心。
（2）其他设备使用场景时，从右侧 1/3 屏幕的顶部热区往下拉，可以调出控制中心，从左侧 2/3 屏幕的顶部热区往下拉，可以调出通知中心。
2.是否为锁屏界面无法下拉通知状态栏
手机锁屏界面下拉状态栏可能会导致一些快捷功能误操作，为了避免这类问题，锁屏状态下不支持下拉通知栏面板操作。
3. 使用以下两种方式检查是否为手机屏幕硬件问题
（1）检查横屏下是否可以下拉：
如果横屏可以下拉，而竖屏不能，且重启手机后仍无法下拉，则可能为屏幕硬件问题。
（2）检查屏幕内三键导航是否可以下拉：
进入设置，搜索并进入系统导航方式，选择屏幕内三键导航，并点击进入更多设置，选择有下拉箭头的导航键组合，点击虚拟导航栏的下拉箭头，如果可以下拉，而屏幕顶部不能下拉，且重启手机后仍无法下拉，则可能为屏幕硬件问题。
温馨提醒：如果是屏幕硬件问题，建议您提前备份好重要数据（QQ、微信等第三方应用需单独备份），携带购机凭证前往华为客户服务中心检测。
4. 如果屏幕硬件检查均正常，请继续排查：
（1）是否下拉出现搜索界面
可能您下拉时手指没有接触到屏幕顶部，导致误触进入全局搜索。建议您从屏幕顶部状态栏向下滑出，打开通知栏（通知面板）。如果您的手机是刘海屏，建议您可以从刘海区域（挖孔区域）顶部向下拉，可以有效的减少误触。
（2）检查是否使用了三方主题
如果您使用了第三方主题，三方主题可能与手机存在兼容性问题。建议您切换回默认主题后重试：进入主题 》 我的 》 预置主题，选择一个预置主题并应用。
（3）检查是否在某个特定应用中无法下拉
建议您回到桌面，如果应用中无法下拉而桌面可以下拉，此为应用设计规格，建议您联系应用方反馈。
（4）重启手机
手机长时间运行会产生很多碎片文件，重启手机能有效清理缓存，优化手机运行状态。
（5）恢复出厂设置
如仍未解决，建议您备份好数据（QQ、微信等第三方应用需单独备份）后，将手机恢复出厂设置后重试：进入设置，搜索恢复出厂设置，按照屏幕提示完成操作。
相关链接如下：华为客户服务中心:http://consumer.huawei.com/cn/support/service-center/index.htm?internetservice&cn&90324
维修备件价格查询:http://consumer.huawei.com/cn/support/sparepart-price/index.htm?internetservice&cn&90324
预约服务:http://consumer.huawei.com/cn/support/reservation/index.htm?internetservice&cn&90324
寄修服务:http://consumer.huawei.com/cn/support/express-repair/index.htm?internetservice&cn&90324
html导航二级菜单的原理
如果仅是第二级菜单，则没有特殊效果，并且可以完成纯CS。设置第一个级别菜单的CSS：悬停属性和辅助菜单必须在第一个级别的菜单中生成：当悬停属性时，通过通话可见性显示：可见；显示属性。
