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 Все права защищены
Новый комментарий