|
| |
|
|
| |
для: TavRoX
(17.10.2010 в 19:11)
| | |
<style>
.tooltip { position: relative }
.tooltip img { display:none; position: absolute }
.tooltip:hover img { display: block; }
</style>
<a href="#" class="tooltip">Tooltip<img src="#"></a>
|
;) | |
| |
|
|
| |
|
|
| |
для: АЯ
(17.10.2010 в 18:02)
| | | а пример кода можна? | |
| |
|
|
| |
|
|
| |
для: TavRoX
(17.10.2010 в 17:29)
| | | А чё тут искать?
Тултипы - они везде одинаковы. Что текст подсказки, что картинка увеличенная - технология одна и та же.
Картинка, которая "всплывёт", уже изначально имеется в HTML-коде, но только со стилями display: none и position: absolute. Сиречь её не видно и находится она в левом верхнем углу окна браузера.
По наведению на маленькую картинку первым делом вычисляются абсолютные координаты этой маленькой картинки (с учётом скролла тела документа) и полученные left и top (с учётом желаемого смещения) устанавливаются соответствующей большой картинке и она делается видимой.
Соответственно, по отведению мыши большая картинка снова делается невидимой. | |
| |
|
|
| |
|
|
| | вообщем есть картинка размером 20*20 пикселей. как сделат ьчтобы при наведении на нее всплывала типа как в случае title увеличеная картинка
чет найти немогу | |
| |
|
|
|
