Веб-программирование

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

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

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
  • Лицензия: License Free
Источник
Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям