jQuery.mousetip 介绍
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 官网
https://github.com/nathco/jQuery.mousetip
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
