Javascript 带有实际内容的简单HTML边栏示例_Javascript_Html_Css

Javascript 带有实际内容的简单HTML边栏示例

javascript html css

Javascript 带有实际内容的简单HTML边栏示例,javascript,html,css,Javascript,Html,Css,我发现的每个示例都只是侧边栏，当单击侧边栏中的按钮时，内容实际上并没有改变。是否有一个侧边栏是静态的但显示的内容发生变化的示例？以下是一个示例： contentHTML=[这一个很难，但你设法点击了它，你先点击了这个，这个更容易点击，所以你再点击它]； var contents=document.getElementsByClassNamecontent[0]；函数交换索引{ contents.innerHTML=contentHTML[index-1]； } html，正文{ 身高：100

我发现的每个示例都只是侧边栏，当单击侧边栏中的按钮时，内容实际上并没有改变。是否有一个侧边栏是静态的但显示的内容发生变化的示例？

以下是一个示例：

contentHTML=[这一个很难，但你设法点击了它，你先点击了这个，这个更容易点击，所以你再点击它]； var contents=document.getElementsByClassNamecontent[0]；函数交换索引{ contents.innerHTML=contentHTML[index-1]； } html，正文{ 身高：100%；保证金：0； } .侧边栏{ 宽度：100px；身高：100%；背景色：黑色；颜色：白色；位置：绝对位置； } .内容{ 身高：100%；位置：绝对位置；左：100px； } a{ 光标：指针； } 1. 2. 3. 所容纳之物