[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: CSS. Эффект для одного блока при наведении курс...
Useguest
Здравствуйте.
Как сделать, чтобы при наведении курсора (:hover) на элемент с class="parent" новый стиль применялся к элементу c class="child"?



Спустя 5 минут, 20 секунд (21.07.2010 - 11:51) Lenarfate написал(а):
яваскрипт

function func()
{
//получаешь элемент
var child = document.getElementsByClassName('child');

//далее делаешь, что нужно
}



и в хтмл запускаешь обработчиком

<чего то class="parent" onmouseover="func()">

Спустя 2 минуты, 20 секунд (21.07.2010 - 11:53) Userguest написал(а):
Может я ошибаюсь, но, кажется, я делал это с помощью css. Где именно - не могу найти.
Можно сделать требуемое с помощью CSS - исключительно.? Ваш вердикт?

Спустя 2 минуты, 38 секунд (21.07.2010 - 11:56) Lenarfate написал(а):
не пробывал. а вот яваскриптом - безотказно

Спустя 1 минута, 24 секунды (21.07.2010 - 11:57) Lenarfate написал(а):
а может так?


.parent:hover .child {
тут стили
}



Спустя 8 минут, 57 секунд (21.07.2010 - 12:06) Userguest написал(а):
Пробовал - не получается.

Спустя 4 минуты, 57 секунд (21.07.2010 - 12:11) Lenarfate написал(а):
тады javascript в помощь

Спустя 8 часов, 18 минут, 44 секунды (21.07.2010 - 20:30) Gesandte написал(а):
хтмл где? Как в коде соотносятся parrent и child?

Спустя 3 дня, 4 часа, 20 минут, 37 секунд (25.07.2010 - 00:51) SvSerg написал(а):
Объясни получше......Ты хочешь чтобы при наведении курсора на элемент с одним классом , при этом что бы менялись стили и у элемента с другим классом ?

Если так то помоему в CSS это не возможно.

Спустя 1 день, 9 часов, 56 минут, 58 секунд (26.07.2010 - 10:48) трамонтана написал(а):
Цитата (SvSerg @ 24.07.2010 - 21:51)
Если так то помоему в CSS это не возможно.

атвичаешь на патцана?

Спустя 11 минут, 7 секунд (26.07.2010 - 10:59) Joker написал(а):
Цитата (Useguest @ 21.07.2010 - 13:46)
Здравствуйте.
Как сделать, чтобы при наведении курсора (:hover) на элемент с class="parent" новый стиль применялся к элементу c class="child"?

на jQuery это так

$('.parent'):hover(function(){
$('.child').css(/* тут стили*/);
});

Спустя 1 час, 35 минут, 21 секунда (26.07.2010 - 12:34) трамонтана написал(а):
а в цcс так:

Цитата
а может так?


.parent:hover .child {
тут стили
}


чтобы атветить пачиму не работает такой селектор нада больше информации "дано"
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.