Javascript.RU

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

Как при наведении на один объект изменять стили других?
например есть <div id="main"></div>, и наводя на него мышь, изменяются стили у других дивов. как правильно прописать onmouseover и условие?
Ответить с цитированием
  #2 (permalink)  
Старый 05.12.2009, 19:21
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 03.04.2008
Сообщений: 6,233

http://javascript.ru/tutorial/events
http://javascript.ru/tutorial/dom
Ответить с цитированием
  #3 (permalink)  
Старый 06.12.2009, 07:25
Интересующийся
Отправить личное сообщение для colonel Посмотреть профиль Найти все сообщения от colonel
 
Регистрация: 30.11.2009
Сообщений: 24

Можно так:
<div id="parent1">This is parent1 div</div>
<div id="parent2">This is parent2 div</div>

$("#parent1").mouseout(function(e)
{
 $("#parent2").css("color", "#000");
});
$("#parent1").mousemove(function(e)
{
 $("#parent2").css("color", "#fff");
});
Ответить с цитированием
  #4 (permalink)  
Старый 06.12.2009, 07:48
Аватар для Tim
Tim Tim вне форума
Профессор
Отправить личное сообщение для Tim Посмотреть профиль Найти все сообщения от Tim
 
Регистрация: 04.06.2009
Сообщений: 1,703

А можно parent1 и parent2 вложить в, например, parent0 , потом так:

Код:
#parent0:hover #parent2 {
    /* свойства parent2 */
}
предварительно задвинув parent2 с помощью абсолютного позиционирования куда надо. Т.к. при абсолютном позиционировании элемент извлекается из стандартного потока, parent2 может находиться где угодно и при на ведении мыши на элементы между parent1 и parent2 hover-а происходить не будет.
Ответить с цитированием
  #5 (permalink)  
Старый 06.12.2009, 10:00
Интересующийся
Отправить личное сообщение для greysells Посмотреть профиль Найти все сообщения от greysells
 
Регистрация: 21.03.2009
Сообщений: 17

Tim и colonel большое спасибо за примеры, а Gvozd за наиполезнейшие ссылки.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Accordion на Mootols, как сделать активацию при наведении курсора? gwen Библиотеки/Тулкиты/Фреймворки 1 17.08.2009 23:03
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 22:24
как найти нужный объект? `p r o x y jQuery 2 05.05.2009 00:12
Как изменить текст при наведении курсора? sewernik Элементы интерфейса 2 13.04.2009 18:31
Всплывающее окошко, как подсказка при наведении на кнопку. rastafaray Общие вопросы Javascript 4 23.05.2008 23:55