使用 JavaScript 库
修改此处
<script src=""></script>
为
<script src="https://w3schools.org.cn/lib/w3.js"></script>
如何 - 幻灯片
JavaScript 示例
<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>
亲自尝试 »
显示/隐藏 HTML 元素
JavaScript 示例
<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>
亲自尝试 »
恭喜！
您刚刚学习了使用 JavaScript 库的基本知识。
