Всплывающие подсказки на JavaScript – всего 2K

Майкл Лейгебер (Michael Leigeber) снова порадовал очередной “карапулькой” – очень маленький скрипт для всплывающих подсказок, который весит всего 2 килобайта, и притом абсолютно независим от сторонних библиотек.

Всплывающие подсказки

Чтобы им пользоваться, достаточно подключить скрипт, таблицу стилей и добавить обработчики событий для нужных ссылок:

onmouseover="tooltip.show('Здесь текст <strong>подсказки</strong>');"
onmouseout="tooltip.hide();"

Стоит отметить, что это уже не первый скрипт автора, который обладает таким маленьким размером (особенно с учетом их полной независимости) и хорошей функциональностью. Советую обратить внимание и на следующие скрипты: JavaScript меню со слайдером на фоне (1Кб), горизонтальное меню аккордион (1Кб).

Смотреть демоСкачать

Maklay.com - Большой каталог товаров для спорта и активного отдыха
  • http://sgotovim.ru Владимир

    Давно искал, только посмотрим ещё – можно ли в тело подсказки html код вставить, чтобы, например при наведении на кнопку можно было выводить что-то типа поп-ап меню.

  • admin

    @Владимир
    Конечно можно туда html, я уже пробовал.

  • http://autorace.ucoz.ru Reysler

    Спасибо! Интереснаяя статья! А для хостингов uCoz такой скрипт пойдёт?

  • admin

    @Reysler
    Пойдет

  • dbodb

    Привет, хорошая штука. Вот только есть момент такой.
    Эксплорер блокирует это дело, вернее спрашивает разрешение
    на выполнение.

    Обычный юзер врядли станет вникать в тонкости
    и в итоге не получит доступа к этой функции.

  • admin

    @dbodb
    Я тоже этот скрипт использовал и у меня не было проблем с эксплорером. Возможно это не со скриптом проблемы.

  • http://niks-blog.info Maniac

    @dbodb
    Я тоже этот скрипт использовал и у меня не было проблем с эксплорером. Возможно это не со скриптом проблемы.

    при использовании скрипта на компьютере, IE спрашивает разрешение, при использовании в интернете – не спрашивает. Это проверено не на одном скрипте.

  • RomanVasin

    Хороший скрипт, дельный. Правда если поменять onmouseover на onclick, то в Mozille окошко подсказки при шевелении мышой прыгает как заяц, застуканный на воровстве колхозной капусты. И не пойму как этого избежать. Не подскажете, господа, кто может знает?

  • admin

    Если реагирует на движения мышки, значит как-то не так убрали onmouseover

  • http://sblogg.ru Roman

    впервые вижу скрипт, который не глючит в ИЕ, остальные, которые тестил — глючат

  • http://wwwsupergranit.ru Владимир

    Доброго времени суток.

    скрипт грамотный, очень интересно выглядит … вопрос: как добавить данные подсказки на сайт в раздел меню ?

  • admin

    @Владимир
    Точно так же, как в описании сказано – onmouseover, onmouseout добавить к элементам меню.

  • http://www.euroeducation.cz Roman Orlov

    Нашел глюк небольшой, подсказка в IE при медленном наведении показывается в начале в конце страницы, а потом только перепрыгивает на указатель курсора. Очень неприятно если страница почти полная, то из за этого появляется полоса прокрутки а потом пропадает.
    Нашел решение чтобы подсказка в первую секунду показывалась хотя бы в верху страницы и тем самым не появлялась полоса прокрутки. в стилях #tt {… добавить top:0px;

JSToolbox создан на основе WordPress