html做一个无序列表如图

图片说明
如图,点击左侧,右侧跟着变动的无序列表

tabs功能而已,自己百度下一大把

你这个叫做滑动菜单,鼠标放上去展示不同的菜单

点击左侧元素之后,右侧设置对应的元素显示,其他元素隐藏即可

可以在点击左侧选项时,通过js来改变右侧视图

js click 事件 ,先把菜单设定好位置,设置display :none ; 然后下面记载一个事件 ,如下 ,为每一个按钮都绑定就OK了

$("左边的按钮").click(function({
   $("隐藏的模块").toggle()
})