Вопросы и ответы
Топ за год Облако тегов  

Javascript tooltip

html JavaScript веб дизайн верстка tooltip

vanyasmart, 350 просмотров
0
Есть HTML:
<div id="toover">
<a href="#">Text 1
<div>Simple Tooltop</div>
</a>
<a href="#">Text 2
<div>Simple Tooltop 2</div>
</a>
<a href="#">Text 3
<div>Simple Tooltop 3</div>
</a>
</div>

И CSS:
.toover a div{display:none;positon:absolute}
.toover a:hover div{display:block}


Как на JS сделать, чтобы див внутри ссылки когда отображался, то двигался за мышкой (без использования js библиотек)?

Примечание:
>чтобы "двигался за мышкой" без JS не получится.
Как на JS сделать, ... ?

Примечание:
Артём Шегеда, у меня в вопросе примерно то же описано.

Примечание:
Не, все варианты не прут. Я щас сделал так, как у меня в примере, а потом что-то свое напишу (и если не забуду опубликую здесь).
Ответы:
Denis_
На странице по ссылке ниже есть примеры и среди них "Как узнать координаты мыши (положение курсора мыши) относительно окна документа?" и "Как узнать координаты мыши (положение курсора мыши) внутри абсолютно позиционированного элемента?". Получив координаты курсора, вам надо их задать, для положения div-объекта. Однако, я не уверен, что это получиться кроссбраузерное решение.
Артём Шегеда
чтобы "двигался за мышкой" без JS не получится. будет фиксированным, но привязанным к блоку текста, для которого создан.
web-gleb
qTip.js решает


14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.