优秀网站网页设计 html怎么设计,左侧是菜单栏,点击不同的菜单选项在右侧出现相应的内容?

html怎么设计,左侧是菜单栏,点击不同的菜单选项在右侧出现相应的内容?左侧:菜单,为每个菜单设置ID和onclick click event,假设onclick event触发的函数写入displa

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”}伪代码,仅供参考

给你一个原理:第一个高度限制超过隐藏部分的JS处理click事件,并将第一个的高度调整到一定的高度。JS来确定它的高度是否高于原来的高度,如果是这样的话,当你再次点击时,它会缩回去