Форум Сайтостроение Веб-строительство

Вопрос по JavaScript или Div

A
На сайте с 23.10.2008
Offline
13
ashilo
636

Здравствуйте уважаемые камрады!

Подскажите как делать данную фичу.

Сценарий таков:

На странице выводится изображение , при наведении на него выводится полупрозрачный DIV в котором отображается определенная информация:

Изображение и текст

, но если убрать курсор с этого изображения то div закрывается.

Как можео такое реализовать на JavaScript или Div ?

LEOnidUKG
На сайте с 25.11.2006
Offline
1768
LEOnidUKG
#1
ashilo:
Здравствуйте уважаемые камрады!

Подскажите как делать данную фичу.

Сценарий таков:

На странице выводится изображение , при наведении на него выводится полупрозрачный DIV в котором отображается определенная информация , но если убрать курсор с этого изображения то div закрывается.

Как можео такое реализовать на JavaScript или Div ?

http://www.google.ru/search?client=opera&rls=ru&q=Javascript+tooltip&sourceid=opera&ie=utf-8&oe=utf-8

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
ZiNTeR2001
На сайте с 28.05.2008
Offline
42
ZiNTeR2001
#2

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ - нужно привязать библиотеку JQuery + плагин (через обычное включение JS).

+ http://plugins.jquery.com/project/bgiframe данный плагин для нормализации в IE

ИМХО, так лучше ибо спокойная кроссплатформенность + меньше кода + больше возможностей.

Лабаю Медицинского центра "Евразия" (http://http://xn----7sbbhoobaglcj1a2c6o.xn--p1ai/) Плюс ещё Пытаюсь отреставрировать и воссоздать "сообщество любителей поиграть в футбол шаговой доступности" (http://www.kubgoal.ru)
Maxouni
На сайте с 18.11.2008
Offline
119
Maxouni
#3

http://www.linkexchanger.su/2008/31.html почитай тут все подробно изложено

Создание, продвижение, поддержка сайтов и приложений.
T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#4

ZiNTeR2001, Maxouni,

накой ради примитивной операции прицеплять 55к глчных скриптов? Откуда такая любовь к мазахизму?

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
malls
На сайте с 08.08.2005
Offline
255
malls
#5
ZiNTeR2001:
http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ - нужно привязать библиотеку JQuery + плагин (через обычное включение JS).
+ http://plugins.jquery.com/project/bgiframe данный плагин для нормализации в IE
ИМХО, так лучше ибо спокойная кроссплатформенность + меньше кода + больше возможностей.

Действительно НУЖНО или просто у советчика руки кривые, а нормальные люди парой строк кода решают?

T.R.O.N:
ZiNTeR2001, Maxouni,
накой ради примитивной операции прицеплять 55к глчных скриптов? Откуда такая любовь к мазахизму?

T.R.O.N - "это фантастика!" 😂😂😂

У Юнеско есть целая программа по защите "вымирающих языков", скоро придется javascript туда включать! 😂

ashilo:
Как можео такое реализовать на JavaScript или Div ?

На DIV-ах ничего кроме блочного элемента реализовать нельзя. В Вашем случае (учитывая форму задания вопроса) я бы не совета спрашивал, а книжки почитал - оно полезнее.

По сути:

1. Скрытый hidden DIV с абсолютным позиционированием и прозрачностью в стилях.

2. У картинки свойства: onMouseOver и onMouseOut, которые управляют свойством hidden указанного DIV-а

3. Ну а информацию в сам DIV можно любую пихать, вопрос где она браться будет.

Ну и скорее всего (от задачи зависит) DIV-ов должно быть два - один фоновый с прозрачностью, один сверху с инфой, иначе инфа тоже полупрозрачной будет.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий