Поддерживать наведение элемента при наведении на другой элемент

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

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

Код немного запутан, чтобы показать, поэтому я придумал ситуацию.

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

Спасибо за любую помощь!

Пример здесь


person Nik    schedule 15.01.2012    source источник


Ответы (1)


Вы не можете использовать чистый CSS для этого. Вы должны использовать событие JavaScript onmouseover, чтобы зарегистрировать событие наведения, и onmouseout, чтобы отменить его регистрацию или просто игнорировать его, в зависимости от того, нужно ли вам поддерживать эффект наведения или нет.

person Milad Naseri    schedule 15.01.2012
comment
Да, у меня было ощущение, что css этого не сделает. Однако я не мог заставить работать какой-либо js, поэтому скрипка;) - person Nik; 15.01.2012