Hướng dẫn website in html and css - trang web bằng html và css

Đối với trình chiếu, chúng ta có thể sử dụng một phần tử hoặc phần tử làm thùng chứa hình ảnh:

& nbsp; Nhà & nbsp; Ban nhạc & nbsp; Tour & nbsp; Tiếp xúc

Hãy tự mình thử »

Chúng ta có thể sử dụng một hoặc phần tử làm container cho các liên kết điều hướng.
var myIndex = 0;
carousel[];

Lớp W3-Bar là một container cho các liên kết điều hướng.
  var i;
  var x = document.getElementsByClassName["mySlides"];
  for [i = 0; i < x.length; i++] {
    x[i].style.display = "none";
  }
  myIndex++;
  if [myIndex > x.length] {myIndex = 1}
  x[myIndex-1].style.display = "block";
  setTimeout[carousel, 3000];
}

Lớp W3-Black xác định màu của thanh điều hướng.

Các lớp W3-Bar-item và W3-Button kiểu các liên kết điều hướng bên trong thanh.

Trình chiếu

Trên "bản nháp bố cục", chúng tôi có một "trình chiếu".

Lớp W3-Black xác định màu của thanh điều hướng.

Các lớp W3-Bar-item và W3-Button kiểu các liên kết điều hướng bên trong thanh.w3-container class takes care of standard padding.

Trình chiếuw3-center class centers the content.

Trên "bản nháp bố cục", chúng tôi có một "trình chiếu".w3-wide class provides a wider heading.

Đối với trình chiếu, chúng ta có thể sử dụng một phần tử hoặc phần tử làm thùng chứa hình ảnh:w3-opacity class provides text transparency.

& nbsp; & nbsp; & nbsp;max-width style sets a maximum with of the band description section.

Chúng ta cần thêm một chút JavaScript để thay đổi hình ảnh cứ sau 3 giây:

// Slideshow tự động - Thay đổi hình ảnh cứ sau 3 giây vvar myIndex = 0; băng chuyền [];

We have created a fictional band website. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.