为多个html页面创建标签栏

时间:2018-03-30 17:07:48

标签: javascript jquery html css

我正在构建自己的Web应用程序,它包含许多html页面。

此应用程序有一个导航栏,其中的元素从我的本地数据库加载。

我想创建一个导航栏,可以通过单击标签栏中的元素来加载html页面的内容。但导航栏不应再次加载,它会保留在原位。

这是JS Fiddle

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<div class="w3-bar w3-black">
<a class="w3-bar-item w3-button" href="/">London</a>
<a class="w3-bar-item w3-button" href="/">Paris</a>
<a class="w3-bar-item w3-button" href="/">Tokyo</a>
</div>

如果我点击例如“伦敦”,我会在标签选项卡下面找到London.html内容。当我点击“巴黎”时,我会得到Paris.html的内容。东京也一样。

诀窍是加载内容而不再是导航栏。

我感谢每一个帮助或小费,祝你有个美好的一天! :)

0 个答案:

没有答案