由文本选择触发的工具提示

我希望创建一个由选择文本（左键单击并拖动文本）触发的工具提示。最好通过创建一个 JQuery 插件。

我的最终目标是当用户选择/突出显示一个句子、短语、段落时，它将触发工具提示。工具提示将包含社交共享按钮，允许用户将选择发布到他们的个人资料状态。

因此，如果您喜欢某个特定的引言，您可以选择它，单击分享到 twitter，它会调用 twitter api 来发布所选内容（如果超过 140 个字符，则会添加省略号），并使用缩短的 url 返回到该页面选择。

显然，这需要一些开发，但作为前端设计师，我只需要开始工作。感谢您提供任何帮助。

我想要的功能示例类似于 apture 扩展的功能：http://www.apture.com/extension/

这是一个小演示：http://jsfiddle.net/sje397/fNt22/

它只是在计时器上监视所选文本并跟踪鼠标位置，然后在所选文本不为空时在鼠标位置创建一个带有“共享”按钮的悬停 div。

var mousePos;
$(document).mousemove(function (e) {
    mousePos = {left: e.pageX + 20, top: e.pageY + 20};
});

var selectedText = '';
function getSelectedText(){ 
    if(window.getSelection){ 
        return window.getSelection().toString(); 
    } 
    else if(document.getSelection){ 
        return document.getSelection(); 
    } 
    else if(document.selection){ 
        return document.selection.createRange().text; 
    } 
} 

function checkSelectionChanged() {
    var current = getSelectedText();
    if(current != selectedText) {
        selectedText = current;
        if(selectedText != '') {
            $('#quote #text').text(selectedText);
            $('#quote').offset(mousePos);
            $('#quote').show();
        } else {
            $('#quote').hide();
        }
    }
}

setInterval(checkSelectionChanged, 1000);