Всплывающие подсказки используются на многих сайтах

Всплывающие подсказки используются на многих сайтах. И, вполне возможно, что вы захотите добавить их к своим страницам. Сегодня я расскажу о JavaScript библиотеке, которая позволяет легко решить эту задачу. Называется она Prototip и состоит всего из одного файла prototip. js. Только учтите, что Prototip, по сути, является надстройкой над другой библиотекой – prototype (о которой я уже неоднократно рассказывал), поэтому без нее он работать не будет. Прежде всего, разберемся, что представляет собой всплывающая подсказка. Обычно это блок с текстом или картинкой, который появляется, когда вы наводите курсор на определенный элемент страницы. Чтобы этот блок двигался вместе с курсором, для него в таблице стилей устанавливают абсолютное позиционирование, и с помощью javascript меняют координаты при перемещении мышки. Естественно, такой блок может содержать практически любую html разметку с текстом, картинками, баннерами, flash роликами и т. п. Переходим к созданию подсказок Качаем библиотеку с официального сайта. В архиве вы найдете две папки: js/ – в ней находятся два файла prototip. js и prototype. js, т. е. все необходимое для работы; css/ – здесь размещены: файл с таблицей стилей и несколько картинок, которые используются для создания стандартных подсказок. После этого подключаем файлы библиотек к странице:

Понравилась статья? Получай обновления и будь всегда в курсе событий!
Подпишись на RSS или
blog comments powered by Disqus