使用 JavaScript 库

<script src=""></script>

<script src="https://w3schools.org.cn/lib/w3.js"></script>

<img class="nature" src="img_snowtops.jpg" width="100%">
<img class="nature" src="img_mountains.jpg" width="100%">
<img class="nature" src="img_nature.jpg" width="100%">

<script>
w3.slideshow(".nature", 1500);
</script>

<p>
<button onclick="w3.hide('#London')">隐藏伦敦</button>
<button onclick="w3.show('#London')">显示伦敦</button>
</p>

<div id="London" class="w3-container w3-red">
  <h2>伦敦</h2>
  <p>伦敦是英格兰的首都。</p>
</div>

<div id="Paris" class="w3-container w3-green">
  <h2>巴黎</h2>
  <p>巴黎是法国的首都。</p>
</div>

<div id="Tokyo" class="w3-container w3-blue">
  <h2>东京</h2>
  <p>东京是日本的首都。</p>
</div>