网页设计教程 html怎么设计，左侧是菜单栏，点击不同的菜单选项在右侧出现相应的内容？

html怎么设计，左侧是菜单栏，点击不同的菜单选项在右侧出现相应的内容？

左侧：菜单，为每个菜单设置ID和onclick click event，假设onclick event触发的函数写入display（），右侧：写入固定样式div，假设ID设置为board。如果菜单内容是在服务器display（）中实现的，那么函数display（）{$。Ajax（{类型：“post”，URL：菜单请求的内容地址，数据：此id以此类推，成功：基金（数据）{$（“board”）。HTML（data）}，//返回要填充的数据datatype:datatype}）}如果菜单内容在页面中是死的，则右侧：写入与菜单数相同的div，将所有display属性设置为none，display（）的实现如下：function display（）{$（“#”$（this）。属性（“rel”）样式.显示=上面的“block”}，伪代码，仅供参考

只需在按钮中添加onclick事件即可。这是一个案例。&Ltdiv id=“box”></div><button onclick=“addcontent（）”> button</button><script>函数addcontent（）{var odiv}=文档.getElementById（“框”）oDiv.innerHTML=“这是添加的文本”“//oDiv.innerHTML=“<img src=”1。最小.jpg“/>”//添加图片}</script>

网页设计教程 网页设计模板 网页设计如何添加按钮

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。