Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <title>W3.CSS</title> <meta name="viewport" content="width=device-width,init-scale=1"> <meta content="text /html; bộ ký tự=iso-8859-2" http-equiv="Content-Type"> <link rel="stylesheet" href="https://www.example.com.vn/w3css/4/w3.css"> <style> .mySlides {display:none;} </style> </head> <body> <h2 class="w3-center">Trình chiếu tự động</h2> <div class="w3-content w3-section" style="max-width:500px"> <img class="mySlides" src="img_la.jpg" style="width:100%"> <img class="mySlides" src="img_ny.jpg" style=" width:100%"> <img class="mySlides" src="img_chicago.jpg" style="width:100%"> </div> <script> var myIndex = 0; băng chuyền(); hàm băng chuyền() { 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 = "chặn"; setTimeout(carousel, 2000); // Thay đổi hình ảnh cứ sau 2 giây } </script> </body> </html>