工具提示 jQuery 插件 jQuery.mousetip
- 授权协议: 未知
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://github.com/nathco/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;
}
