Как сделать так, чтоб элемент появлялся автоматически без наведения мыши?

Чтобы сделать так, чтобы элемент автоматически появлялся без наведения мыши, вам потребуется использовать JavaScript с помощью методов DOM и CSS.

Существует несколько способов достичь желаемого результата, вот два наиболее распространенных:

1. Использование свойства visibility CSS и функций setTimeout и clearTimeout JavaScript:

// HTML
<div id="myElement">Этот элемент будет появляться автоматически</div>

// CSS
#myElement {
  visibility: hidden;
}

// JavaScript
document.addEventListener("DOMContentLoaded", function() {
  var element = document.getElementById("myElement");
  var timeoutId;

  function showElement() {
    element.style.visibility = "visible";
  }

  function resetTimer() {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(showElement, 1000); // время задержки в миллисекундах
  }

  document.addEventListener("mousemove", resetTimer); // сбросить таймер при движении мыши
  resetTimer(); // начать счетчик после загрузки страницы
});

2. Использование свойства opacity CSS и функций setInterval и clearInterval JavaScript:

// HTML
<div id="myElement">Этот элемент будет появляться автоматически</div>

// CSS
#myElement {
  opacity: 0;
  transition: opacity 1s; // время анимации в секундах
}

// JavaScript
document.addEventListener("DOMContentLoaded", function() {
  var element = document.getElementById("myElement");
  var intervalId;
  var opacity = 0;

  function fadeIn() {
    opacity += 0.1; // инкрементируем значение прозрачности
    element.style.opacity = opacity;

    if (opacity >= 1) {
      clearInterval(intervalId);
    }
  }

  function resetTimer() {
    clearInterval(intervalId);
    intervalId = setInterval(fadeIn, 100); // время интервала в миллисекундах
  }

  document.addEventListener("mousemove", resetTimer); // сбросить таймер при движении мыши
  resetTimer(); // начать счетчик после загрузки страницы
});

Оба этих подхода помогут вам достичь автоматического появления элемента без наведения мыши. Первый использовует свойство visibility, которое делает элемент невидимым, а затем меняет его на видимость через определенный интервал времени. Второй подход использует свойство opacity для постепенного исчезания элемента и создания эффекта плавного появления. Вы можете выбрать подход, который лучше соответствует вашим потребностям и предпочтениям.