Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jQuery, всплывающий блок 
:(
    Опции темы
Робби
Дата 12.10.2011, 14:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 20
Регистрация: 17.11.2006

Репутация: нет
Всего: нет



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

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

Это сообщение отредактировал(а) Робби - 12.10.2011, 14:17
PM MAIL   Вверх
Shogun
Дата 12.10.2011, 16:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


сёгун-сан
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 8.6.2006
Где: Кишинёв

Репутация: нет
Всего: 11



Ну по идеи событие нужно вещать на ячейку а не на картинку.

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

$('table td').hover(function(){
  $('div', $(this)).stop().animate({ 'height': '20px', 'opacity': 1 }); 
}, function(){
  $('div', $(this)).stop().animate({ 'height': '50px', 'opacity': 0.5 });
});


Это сообщение отредактировал(а) Shogun - 12.10.2011, 16:17


--------------------
2b || !2b
PM MAIL ICQ Skype   Вверх
Робби
Дата 12.10.2011, 16:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 20
Регистрация: 17.11.2006

Репутация: нет
Всего: нет



Спасибо большое!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.1529 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.