|
Скрипт появления окошка при наведении на элемент
|
|
| Xottab_DUTY | Дата: Пятница, 21.11.14, 23:03:24 | Сообщение # 1 |
 Сержант
Группа: VIP
Сообщений: 22
Награды: 0
Репутация: 0
Замечания: 0%
Статус: Offline
| Я решил встроить мини-профиль в шапку сайта. Аватарку я туда уже перенёс (Пока что нет картинки гостя или без аватара) аватарку.
Теперь мне нужно чтобы по наведению на неё плавно появлялось окошко.
Схематично это выглядит так:
Подскажите как это можно реализовать :)
Сообщение отредактировал Xottab_DUTY - Пятница, 21.11.14, 23:07:16 |
| |
| |
| Defman | Дата: Пятница, 21.11.14, 23:10:31 | Сообщение # 2 |
|
Майор
Группа: VIP
Сообщений: 91
Награды: 1
Репутация: 5
Замечания: 0%
Статус: Offline
| Ну так и в чем проблема? Сверстай это окошко (дизайн и позицию), дай ему уникальный id (например "popup_window_avatar"), дай уникальный id аватарке (например "avatar_top") и напиши простейший jQuery код:
Код
$("#avatar_top").hover(function() {
$("#popup_window_avatar").fadeIn(1000);
}, function() {
$("#popup_window_avatar").fadeOut(1000);
});
|
| |
| |
| Xottab_DUTY | Дата: Пятница, 21.11.14, 23:27:34 | Сообщение # 3 |
|
Сержант
Группа: VIP
Сообщений: 22
Награды: 0
Репутация: 0
Замечания: 0%
Статус: Offline
| Defman, ну в html проблем нет, а вот за код jQ спасибо.. Я если в нём что-то знал, то забыл уже))
|
| |
| |
| Xottab_DUTY | Дата: Суббота, 22.11.14, 00:55:17 | Сообщение # 4 |
|
Сержант
Группа: VIP
Сообщений: 22
Награды: 0
Репутация: 0
Замечания: 0%
Статус: Offline
| А как сделать чтобы скрипт сам вычислял позицию в которой нужно появится?)
|
| |
| |
| Арман | Дата: Суббота, 22.11.14, 12:37:02 | Сообщение # 5 |
|
Лейтенант
Группа: Модератор
Сообщений: 47
Награды: 1
Репутация: 3
Замечания: 0%
Статус: Offline
| Xottab_DUTY, Что значит сам? Рандомно? Под мышкой? Под местом клика? Под мини-профилем? На луне?
Нэринс, что за бессмысленный коммент.
|
| |
| |
| Нэринс | Дата: Понедельник, 24.11.14, 13:37:26 | Сообщение # 6 |
|
Рядовой
Группа: Чатер
Сообщений: 12
Награды: 0
Репутация: 1
Замечания: 0%
Статус: Offline
| чёрт сорри чё то поломалось что ли при отправке я писал что #avatar_top это якорь
|
| |
| |
| Xottab_DUTY | Дата: Понедельник, 24.11.14, 14:15:05 | Сообщение # 7 |
|
Сержант
Группа: VIP
Сообщений: 22
Награды: 0
Репутация: 0
Замечания: 0%
Статус: Offline
| Арман, под местом клика... Я вот зашёл на Яндекс, там когда нажимаешь на надпись "ещё", появляется окошко.. Вот мне надо так же =)
Яваскрипт почти не знаю (учил да забыл).. Прошу помощи))
Сообщение отредактировал Xottab_DUTY - Понедельник, 24.11.14, 14:15:57 |
| |
| |
