js old

mail@pastecode.io avatar
unknown
plain_text
a year ago
1.8 kB
0
Indexable
Never
// JavaScript cho dropdown
function myFunction(dropdownId) {
    var dropdown = document.getElementById(dropdownId);
    if (dropdown.classList.contains("show")) {
      dropdown.classList.remove("show");
    } else {
      dropdown.classList.add("show");
    }
  }
  
  // Đóng dropdown nếu người dùng nhấp chuột bên ngoài dropdown
  window.onclick = function(event) {
    if (!event.target.matches('.dropbtn')) {
      var dropdowns = document.getElementsByClassName("dropdown-content");
      for (var i = 0; i < dropdowns.length; i++) {
        var openDropdown = dropdowns[i];
        if (openDropdown.classList.contains('show')) {
          openDropdown.classList.remove('show');
        }
      }
    }
  };
  
  
  // JS của phần chuyển Banner
  var banners = document.querySelectorAll('.banner');
var currentBannerIndex = 0;

function showBanner(index) {
  // Ẩn tất cả các banner
  for (var i = 0; i < banners.length; i++) {
    banners[i].classList.remove('active');
  }

  // Hiển thị banner tại vị trí index
  banners[index].classList.add('active');
}

function nextBanner() {
  currentBannerIndex++;
  if (currentBannerIndex >= banners.length) {
    currentBannerIndex = 0;
  }
  showBanner(currentBannerIndex);
}

// Tự động chuyển đổi banner sau mỗi 3 giây (3000ms)
setInterval(nextBanner, 3000);


  // FOOTER
  window.onload = function() {
    var socialMediaIcon = document.querySelector(".social-media img");
    socialMediaIcon.addEventListener("mouseover", function() {
      this.style.transform = "rotate(360deg)";
    });

    socialMediaIcon.addEventListener("mouseout", function() {
      this.style.transform = "rotate(0deg)";
    });
  };