Как установить css свойство для состояния :hover на JS/Jquery?

Question

Как скриптом установить CSS свойство для состояния hover элемента?

Сделать, например:

#home_button:hover {opacity: 0.3;}

, если свойство для hover не было установлено или было установлено другое.

Answer 1

Если чистый JS то это сюда смотреть Если с использованием библиотеки jQuery то метод hover

Answer 2

Решить Вашу задачу можно следующим образом:

    var elem = document.getElementById('opacity');
    elem.onmouseover = function () {
        elem.style.opacity = "0.4";
    };
    elem.onmouseleave = function () {
        elem.style.opacity = "1";
    }

    .div {
        width: 200px;
        height: 200px;
        background: #003eff;
    }

<div class="div" id="opacity">Пурум Пум Пум</div>

Это будет работать даже, если был установлен параметр hover в CSS у данного элемента.

БЛОГ НА HUSL

Как установить css свойство для состояния :hover на JS/Jquery?

Ответы (2 шт):