要实现导航栏切换页面，可以使用HTML和JavaScript来完成。以下是一个简单的示例：
1. HTML部分：
```html
首页
关于
联系方式
欢迎来到首页
这是首页的内容...
关于我们
这是关于我们的内容...
联系方式
这是联系方式的内容...
```
在这个示例中，我们使用了一个水平的导航栏（`.navbar`类），其中有三个链接（``标签）。每个链接都有一个`onclick`事件处理程序，它调用`showPage()`函数并传递相应的页面名称。
在页面上方，我们有三个``元素，每个元素都有一个`class`属性为`content`，并且一个唯一的`id`属性。默认情况下，我们将第一个``元素（首页）显示出来，其他的元素都设置为隐藏。
JavaScript部分：
在JavaScript部分，我们定义了一个`showPage()`函数。该函数接收一个页面名称作为参数，根据页面名称来显示相应的内容。它首先隐藏所有的内容（根据`class`为`content`的元素），然后显示选定页面的内容（根据`id`来选取相应的元素并设置`display`属性为`block`）。
当用户点击导航栏上的链接时，相应的页面将会显示出来，其他页面将会被隐藏起来。这样就实现了导航栏切换页面的效果。
