Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скрипт для выполнения события (https://javascript.ru/forum/dom-window/73281-skript-dlya-vypolneniya-sobytiya.html)

spaiker2009 03.04.2018 18:00

Скрипт для выполнения события
 
Добрый день. Прошу помощи, нужен скрипт выполнения события. Цель, чтобы при наведении на элемент или hover, другому элементу задавался стиль. Как только мышку уводим с элемента, стиль удаляется.

Для примера разметка такая:

<div class="class-1">
	<div class="block-1"></div>
</div>
<div class="class-2"></div>


Необходимо, чтобы при наведении мышки на блок block-1, блоку class-2 задавался стиль, например, z-index:10;

Буду признателен за помощь.

j0hnik 03.04.2018 21:08

var bl1 = document.querySelector('.block-1'), cl2 = document.querySelector('.class-2');
	bl1.onmouseenter	= e => 	cl2.style.zIndex = '10';
	bl1.onmouseleave	= e => 	cl2.style.zIndex = '0';


Часовой пояс GMT +3, время: 01:07.