jQuery.mousetip工具提示 jQuery 插件
jQuery.mousetip 是一个轻量级 jQuery 插件,能够创建随着鼠标移动或鼠标位置不同的提示项。显示图片信息,如下图所示:
代码示例:
HTML
<div>Content<span class="tip">Mousetip 1</span></div> <div>Content<span class="tip">Mousetip 2</span></div> <div>Content<span class="tip">Mousetip 3</span></div>
jQuery
$(function() { // Default $('div').mousetip('.tip'); // Custom Position $('div').mousetip('.tip', 20, 30); });
CSS
span.tip { /* Required */ position: absolute; z-index: 2; display: none; /* Optional */ font-size: 15px; max-width: 150px; height: auto; padding: 10px; border-radius: 3px; box-shadow: 0 1px 2px #666; background: #FD0; }
评论
jQuery.mousetip工具提示 jQuery 插件
jQuery.mousetip是一个轻量级jQuery插件,能够创建随着鼠标移动或鼠标位置不同的提示项。显示图片信息,如下图所示:代码示例:HTML<div>Content<span
jQuery.mousetip工具提示 jQuery 插件
0
PoshyTipjQuery 工具提示插件
PoshyTip是一个强大的jQuery工具提示插件,拥有不同的外观。作为FormTooltips使用时,可以自定义气泡出现的位置。在线演示:http://vadikom.com/demos/posh
PoshyTipjQuery 工具提示插件
0
sBubblejQuery工具提示插件
sBubble是一个jQuery的tooltip插件,使用CSS3的阴影和动画效果,无需图片。示例代码:$('#targetElement').sBubble({content:'TooltiponR
sBubblejQuery工具提示插件
0
aToolTipjQuery工具提示插件
aToolTip是一个简单、轻量级ToolTip jQuery插件。可以灵活定制是点击还是鼠标移过时显示气泡,易于使用,经测试支持Firefox2.5+、Safari、Opera、Chrome和Int
aToolTipjQuery工具提示插件
0