用js写一个3个网页切换效果

好的，我可以为您提供一种使用JavaScript实现3个网页切换效果的方法。您可以使用以下步骤：

1. 创建三个HTML文件，每个文件表示一个网页，例如page1.html、page2.html和page3.html。

2. 在每个HTML文件中，创建一个容器元素，例如div元素，用于容纳每个网页的内容。

3. 在每个HTML文件中，使用JavaScript编写一个函数，用于加载相应页面的内容到容器元素中。例如：

function loadPage1() {
  var container = document.getElementById("container");
  container.innerHTML = ""; // 清空容器元素
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "page1.html", true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      container.innerHTML = xhr.responseText;
    }
  };
  xhr.send();
}

4. 在每个HTML文件中，创建一个导航栏，用于切换不同的页面，并在导航栏中为每个页面创建一个链接，例如：

<nav>
  <a href="#" onclick="loadPage1()">Page 1</a>
  <a href="#" onclick="loadPage2()">Page 2</a>
  <a href="#" onclick="loadPage3()">Page 3</a>
</nav>

5. 在每个HTML文件中，使用JavaScript编写一个函数，用于根据用户的导航选择加载相应的页面。例如：

function loadPage2() {
  var container = document.getElementById("container");
  container.innerHTML = ""; // 清空容器元素
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "page2.html", true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      container.innerHTML = xhr.responseText;
    }
  };
  xhr.send();
}

6. 最后，在第一个HTML文件中，使用JavaScript编写一个函数，用于默认加载第一个页面。例如：

function init() {
  loadPage1();
}
window.onload = init;

7. 现在您可以打开第一个HTML文件，并单击导航栏中的链接来切换不同的页面。

希望这可以帮助您实现3个网页切换效果。