用jQuery实现划词分享功能

2014-07-26 16:59:24 爱思资源网


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



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

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

  1. $(function () { 
  2.     $("body").mouseup(function (e) { 
  3.         var x = 10; 
  4.         var y = 10; 
  5.         var r = ""
  6.         if (document.selection) { 
  7.             r = document.selection.createRange().text; 
  8.         } 
  9.         else if (window.getSelection()) { 
  10.             r = window.getSelection(); 
  11.         } 
  12.         if (r!= "") { 
  13.             var bowen = " "
  14.             var tooltip = "" +''+ bowen + ""
  15.             $("body").append(tooltip); 
  16.             $("#tooltip").css({ 
  17.                 "top": (e.pageY + y) + "px"
  18.                 "left": (e.pageX + x) + "px"
  19.                 "position""absolute" 
  20.             }).show("fast"); 
  21.             $("#tooltip").mousedown(function () { 
  22.                 var tmp=window.open("about:blank","","fullscreen=1"); 
  23.                 tmp.location='http://www.aseoe.com/'
  24.             }); 
  25.         } 
  26.     }).mousedown(function () { 
  27.         $("#tooltip").remove(); 
  28.     }); 

代码中的网址 就是要跳向的链接,图片就是要搜索图片

有疑问加QQ群: 42148738