工具提示 jQuery 插件 jQuery.mousetip

未知
JavaScript
跨平台
2015-05-18
大胖森

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;
}
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

本周 7 款最智能的、功能最佳的 jQuery 插件

众所周知 jQuery 插件是 Javascript 框架中设计和开发项目中重要组成部分,通常在设计的时候都会要求 jQuery 插件尽量的精简,以保证速度,同样的,jQuery 插件也能够帮助减轻工作量和耗费的...

2015/05/25 15:32
37
1

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部