开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
jQuery.mousetip首页、文档和下载 - 工具提示 jQuery 插件 - 开源中国社区
全部项目分类
我要评价
未知
JavaScript
跨平台
分享
收藏
1 人收藏
收录时间:2015-05-18
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 的评论 (全部 0 条评论)
{{repayCom.userName}}
jQuery.mousetip 相关博客
顶部