Изменить свойство Div при наведении на другой div?

Итак, в основном это то, что я собираюсь иметь:

<div id="1">
<div id="top"></div>
Text
Text
Text 
etc.

<div id="bottom"></div>
</div>

Как мне сделать следующее: если кто-то наводит курсор на div «1» (весь контейнер div), измените свойство «нижнего» div (и только этого нижнего div), например, добавив класс с именем «over».

Я уверен, что есть способ, однако я предполагаю, что для этого нужно будет использовать что-то вроде jquery.


javascript html jquery hover
person Nto    schedule 10.12.2010    source источник
comment
hover - очень хороший способ одновременно обрабатывать как наведение, так и отключение мыши. Посмотрите на этот API api.jquery.com/ наведите курсор   -  person kobe    schedule 10.12.2010

Ответы (3)


arrow_upward
1
arrow_downward

Если у вас есть jquery, то это довольно просто (это сработало для меня):

$('#1').hover( function() {
    $('#bottom').addClass('over');
})
person Igor    schedule 10.12.2010

arrow_upward
1
arrow_downward

Во-первых, не используйте числа для идентификаторов div.

$("#id").hover( //mouseover id
  function () {
  $("#bottom").addClass('classname') // this function is for mouse over
  }, 
  function () {
 // this is for mouse out
  }
);
person kobe    schedule 10.12.2010
comment
Для примера просто использовал числа для идентификаторов div. - person Nto; 10.12.2010

arrow_upward
1
arrow_downward

Да вы правы. Вам понадобится jQuery, чтобы выполнить то, что вы хотите сделать.

В документации по jQuery API есть именно тот пример, который вам нужен, если вы посмотрите функция наведения. Спуститесь вниз для примера. Настройте свой собственный код.

person JasCav    schedule 10.12.2010