Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995

Изменение стиля не дочернего элемента

25.11.2013, 13:25. Показов 1453. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго дня!

Вопрос: возможно ли изменение стиля не дочернего элемента при, например, выделении?

Пример: при наведении на пункт меню, появляется скрытый блок, который не входит в иерархию вложенных элементов и находится в независимом, не дочернем блоке.

На чисто CSS я не вижу возможности, но мало ли? А если не с CSS, а с JS, то поделитесь скриптом - спасибо!
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
25.11.2013, 13:25
Ответы с готовыми решениями:

Изменение стиля тэга Select после выбора элемента списка?
Всем привет, друзья, подскажите пожалуйста, хочу неким образом изменить выпадающий список, собственно как сделать так, что бы при выборе...

Взятие стиля дочернего элеммента
Добрый день, подскажите код, который выставит свойства родительскому классу как у дочернего. ( редактирование html кода через js...

Убрать изменение стиля у дочернего элемента
Доброго всем времени суток. Столкнулся со следующей проблемой. Есть div внутри которого еще два дочерних дива. У родительского div есть еще...

6
268 / 268 / 109
Регистрация: 22.08.2013
Сообщений: 907
25.11.2013, 16:01
На jQuery:

JavaScript
1
2
3
4
5
$('#menu li').hover(function(){
$('#hide').show();
}, function(){
$('#hide').hide();
});
1
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995
03.12.2013, 13:20  [ТС]
Спасибо за участие. Можно получить краткий комментарий к коду?
0
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
03.12.2013, 14:47
JavaScript
1
2
3
4
5
$('#menu li').hover(function(){ // выбираем элементы li и указываем функцию код которой будет срабатывать при наведении курсора на элемент
$('#hide').show(); // указываем, что скрытый элемент будет отображаться при наведении курсора
}, function(){  
$('#hide').hide(); // когда курсор убран с элемента, он опять будут невидим
});
0
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995
04.12.2013, 11:37  [ТС]
заряжайка, нужно ли вместо #menu, #hide использовать другие наименования? Или это зарезервированные переменные?
0
268 / 268 / 109
Регистрация: 22.08.2013
Сообщений: 907
04.12.2013, 11:47
Lovrentiy, это селектор, с помощью него выбираете нужный DOM-элемент. Можете меня как угодно.
0
 Аватар для rockpro
67 / 67 / 11
Регистрация: 20.11.2013
Сообщений: 282
04.12.2013, 11:49
Можете использовать свои - это идентификаторы блоков/элементов.
Главное, чтоб они совпадали в html-разметке и js-скрипте.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
04.12.2013, 11:49
Помогаю со студенческими работами здесь

Изменение стиля элемента
Здравствуйте. Необходимо задать стиль элемента в строку: <p class="text">Some text...</p> ...

Изменение стиля элемента по нажатию кнопки мыши
Здравствуйте! Помогите разобраться с реализацией. Желательно средствами CSS. Итак. У нас есть зеленая кнопка и мы её нажимаем. После...

Не срабатывает рендер у дочернего элемента дочернего элемента(не тавтология)
Не срабатывает рендер у дочернего элемента дочернего элемента(не тавтология) https://gitlab.com/Kir1/redux.git Ветка two-child При...

Изменение стиля
Здравствуйте! У меня проблема с изменением стиля,нужно сделать невидимый текст,видемым. Написала,короткую команду,но она почему то не...

Изменение стиля
Добрый день!!!! Кто нибудь сталкивался с такой проблемой, при переводе на стиль ХР все компоненты меняют свой стиль, а компонент...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru