2016 - 2024

感恩一路有你

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

浏览量:2144 时间:2021-03-13 21:25:49 作者:admin

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来确定它的高度是否高于原来的高度,如果是这样的话,当你再次点击时,它会缩回去

优秀网站网页设计 inventor左侧工具栏不见了 html做一个左侧菜单栏

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