html导航栏点击后切换div内容js，html通过导航栏切换右侧内容

html里,点击左侧菜单,右侧出现文本或者图片,用js怎么写

1、onclick=c(1)；菜单二/adiv id=a0这里是文字/divdiv id=a1 style=display：none；这里是图片，自己写上img src=图片地址/div左侧右侧布局我没给你写，只写了图片、文字切换功能。

2、左侧：菜单，给每个菜单设置id和onclick点击事件，onclick事件触发的函数假设写为display()右侧：写个固定样式的div，id假设设置为board。

3、写好框架，右侧所有需要显示数据的都弄好id或class。写一个函数收集操作行数据，请求指定接口，返回数据给右侧框架赋值。

相关问答

Q1: 问题是:js是如何实现鼠标移动到不同栏位切换对应的显示内容的?

给你一个示例代码吧，引用了jQuery框架。

productInfo.style.display=none；//设置其隐藏，如果CSS里已经隐藏，此步可以省略。

写好框架，右侧所有需要显示数据的都弄好id或class。写一个函数收集操作行数据，请求指定接口，返回数据给右侧框架赋值。

方法一：可以使用包含关系，就像楼上所说，1级菜单包含2级，2级包含3级，这样可以使用：hover来定义1级菜单。

页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。在event函数中，定义一个内容为degreediv字符的字符串变量。

Q2: 如何用js点击一个div来显示另外一个div

1、首先，打开html编辑器，新建一个html文件，例如：index.html。

2、打开html开发软件，新建一个html文件。在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

3、在event函数中，定义一个内容为degreediv字符的字符串变量。然后使用jquery的append将已知的div字符串添加到c2div，如下所示。运行页面，现在只看到一个div，如下图所示。

关于html导航栏点击后切换div内容js和html通过导航栏切换右侧内容的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。