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

Реализация выпадающего меню

iguania
На сайте с 10.12.2010
Offline
72
iguania
593

Доброго дня, уважаемые форумчане.

Т.к. сам не очень силен в таких вещах, то прошу вот такой помощи:

Нужно реализовать при наведении на значок пиктограммы выпадающее сообщение определенной формы

Спасибо

jpg forum.jpg
Все всегда заканчивается хорошо. Если все закончилось плохо, значит, это еще не конец…
V
На сайте с 27.09.2010
Offline
86
vryb
#1

Реализуйте с помощью jQuery быстро и минимум кода

iguania
На сайте с 10.12.2010
Offline
72
iguania
#2

Для jQuery нужно еще либу подключать...

C
На сайте с 04.02.2005
Offline
291
Chukcha
#3 

<element  onMouseOver="helpik("Standart ...") onMouseOut="hide()"> </element>
<script>
function helpik(msg) {
// создать див или отобразить 
// задать стили
   div.innerHTML = msg
// показать див
// 
}
function hide ()
{
//скрыть див или удалить
}
iguania
На сайте с 10.12.2010
Offline
72
iguania
#4

Chukcha, спасибо большое

dma84
На сайте с 21.04.2009
Offline
168
dma84
#5

А я бы на CSS сделал как-то так


<a href="#help" class="help">
 <img src="help.png" alt="alt"/>
 <div>
  Help text
 </div>
</a>

CSS


a.help div{display:none}
a.help:hover div{disply:block;position:absolute;top:Xpx;left:Xpx;width:Xpx;height:Xpx}

Конечно, если не нужна индексация блока с подсказкой и нужны всякие навороты с появлением/пропаданием бока, то используйте JavaScript

DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#6

del ... сорь 😂

show must go on !!!...
iguania
На сайте с 10.12.2010
Offline
72
iguania
#7

Всем спасибо за помощь. Сделал проще: воспользовался библиотекой boxover.js. В ней есть переопределение тайтлов для изображений, благодаря чему достигается нужный эффект. Страница либы http://boxover.swazz.org

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