НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
W3CSS. W3Schools українською. Уроки для початківців

En

Використання бібліотеки JavaScript

Змініть це:

<script src=""></script>

На це:

<script src="https://w3schoolsua.github.io/lib/w3.js"></script>

Як зробити слайдшоу на сайті?

JavaScript Приклад

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

<script>
w3.slideshow(".nature", 1500);
</script>
Спробуйте самі »

Приховати/показати елементи HTML

JavaScript Приклад

<p>
<button onclick="w3.hide('#London')">Hide London</button>
<button onclick="w3.show('#London')">Show London</button>
</p>

<div id="London" class="w3-container w3-red">
  <h2>London</h2>
  <p>London is the capital city of England.</p>
</div>

<div id="Paris" class="w3-container w3-green">
  <h2>Paris</h2>
  <p>Paris is the capital of France.</p>
</div>

<div id="Tokyo" class="w3-container w3-blue">
  <h2>Tokyo</h2>
  <p>Tokyo is the capital of Japan.</p>
</div>
Спробуйте самі »

Вітаємо!

Ви щойно навчилися основам використання бібліотеки JavaScript.