用jQuery实现划词分享功能

来源 : 爱思资源网作者 : admin时间 : 2014-07-26 16:59:24 人气指数 :

导语 jQuery是如此之好用，如此强大。在这里分享一个划词功能，直接上图:使用划词可以直接跳转到你所要调转的页面或网址，可以试试。下面是如何修改图片及跳向网址的代码:$(function(){$( "body ") mouseup(functio

jQuery是如此之好用，如此强大。
在这里分享一个划词功能，直接上图:

使用划词可以直接跳转到你所要调转的页面或网址，可以试试。

下面是如何修改图片及跳向网址的代码:

$(function () {

    $("body").mouseup(function (e) {

        var x = 10;

        var y = 10;

        var r = "";

        if (document.selection) {

            r = document.selection.createRange().text;

        }

        else if (window.getSelection()) {

            r = window.getSelection();

        }

        if (r!= "") {

            var bowen = " ";

            var tooltip = "" +''+ bowen + "";

            $("body").append(tooltip);

            $("#tooltip").css({

                "top": (e.pageY + y) + "px",

                "left": (e.pageX + x) + "px",

                "position": "absolute"

            }).show("fast");

            $("#tooltip").mousedown(function () {

                var tmp=window.open("about:blank","","fullscreen=1");

                tmp.location='http://www.aseoe.com/';

            });

        }

    }).mousedown(function () {

        $("#tooltip").remove();

    });