Webmasters.BY

Главная Статьи Веб-программирование Hovercard - jQuery plugin для вывода всплывающих подсказок
Hovercard - jQuery plugin для вывода всплывающих подсказок
Рейтинг пользователей: / 0
ХудшийЛучший 
07.12.2011 11:09

Hovercard - jQuery plugin для вывода всплывающих подсказок

Hovercard - это бесплатный легкий jQuery-плагин, который позволяет отображать дополнительную информацию при наведении мыши на ссылку, заголовок или любой другой HTML-элемент на ваш выбор. Поставляется со встроенным в Твиттер и Facebook hovercard

Hovercard может использоваться для вывода дополнительной информации о человеке, который упоминается в тексте, например, краткая биографическая справка, фото и т.д., или для вывода дополнительной информации о товаре - цена, фото, характеристики.

Пример использования:

<p>jQuery by <label id="demo-basic">John Resig</label> is a cross-browser JS library designed to
simplify the client-side scripting of HTML. It was released in January of 2006 at BarCamp NYC. Used by
over 46% of the 10,000 most visited websites, it's the most popular JavaScript library in use today.</p>

//plugin script---
<script type="text/javascript">
$(document).ready(function () {
 var hoverHTMLDemoBasic = '<p>' +
 'John Resig is an application developer at Khan Academy. He was a ' +
 'JavaScript tool developer for the Mozilla Corporation. He is also the' +
 'creator and lead developer of the jQuery JavaScript library.<p>';

 $("#demo-basic").hovercard({
 detailsHTML: hoverHTMLDemoBasic,
 width: 400,
 cardImgSrc: 'http://ejohn.org/files/short.sm.jpg'
 });
});
</script>

Требования: jQuery Framework
Примеры: http://designwithpc.com/Plugins/Hovercard
Лицензия: License Free

Добавить комментарий


Защитный код
Обновить

Если вы заметили ошибку в тексте новости, пожалуйста, выделите её и нажмите Ctrl+Enter

Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом
Обновлено 07.12.2011 11:35
 

Апельсин-1

Голосование

Ваш любимый html-редактор?

Новые файлы

Шпаргалка по HTML5 Canvas

Archive - бесплатный кириллический шрифт

Шпаргалка по HTML5 атрибутам обработчиков событий

См. также

activecloud.ru

TisRef

Баннер

Видеоуроки

Система Orphus

Кто онлайн

Сейчас 52 гостей и 1 пользователь онлайн

Комментарии

Статистика
Webmasters.BY © 2008 - 2012