Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.04.2018, 18:00
Новичок на форуме
Отправить личное сообщение для spaiker2009 Посмотреть профиль Найти все сообщения от spaiker2009
 
Регистрация: 11.05.2015
Сообщений: 5

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

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

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


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

Буду признателен за помощь.
Ответить с цитированием
  #2 (permalink)  
Старый 03.04.2018, 21:08
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

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';
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Один скрипт для всех форм на странице smart-create Events/DOM/Window 17 01.11.2016 14:06
Вставить остановку в скрипт для фотошопа aarisham Общие вопросы Javascript 2 21.03.2016 13:18
скрипт для браузерки ванка Общие вопросы Javascript 11 11.10.2013 12:20
поиск классов внутри тега yozuul jQuery 24 14.06.2013 22:00
передать в пхп скрипт данные для выполнения imediasun1 Элементы интерфейса 1 07.06.2013 15:23