Hovercard - это бесплатный легкий jQuery-плагин, который позволяет отображать дополнительную информацию при наведении мыши на ссылку, заголовок или любой другой HTML-элемент на ваш выбор. Поставляется со встроенным в Твиттер и Facebook hovercard.
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>
© 2008 - 2025 Webmasters.BY Все права защищены
Новый комментарий