jQuery, всплывающий блок

 
0
 
JavaScript
ava
Робби | 12.10.2011, 15:13
Добрый день.
не являюсь веб-программистом, но потребовалось сделать одну вещь с помощью jQuery:
есть таблица, в каждой ячейке картинка по размеру ячейки. Как реализовать картинку - тэгом img или фоном для ячейки - не важно.
надо сделать чтобы внизу картинки была полупрозрачная белая полоска высотой в 5 пикселов и шириной с картинку, которая при наведении на картинку или полоску курсора разворачивалась вверх на 30 пикселов, становилась непрозрачной красной и содержала при этом текст. Сворачиваться обратно должна когда курсор уходит с картинки.

или хотя бы подскажите, как ловить событие mouseout с двух объектов - картинки и слоя находящегося над ней, чтобы не закрывалась при наведении на всплывший слой(событие out происходит при уходе с картинки)
Надеюсь, знающему человеку дел на 5 минут и найдётся добрая душа.
Заранее спасибо.
Kommentare (2)
ava
Shogun | 12.10.2011, 16:11 #
Ну по идеи событие нужно вещать на ячейку а не на картинку.

Что-то вроде:

$('table td').hover(function(){
$('div', $(this)).stop().animate({ 'height': '20px', 'opacity': 1 });
}, function(){
$('div', $(this)).stop().animate({ 'height': '50px', 'opacity': 0.5 });
});
ava
Робби | 12.10.2011, 16:51 #
Спасибо большое!
Registrieren Sie sich oder melden Sie sich an, um schreiben zu können.
Unternehmen des Tages
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Mitwirkende
advanced
Absenden