用jQuery实现划词分享功能

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

   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


http://www.aseoe.com/ true 用jQuery实现划词分享功能 http://www.aseoe.com/show-13-355-1.html report 3108.5 jQuery是如此之好用,如此强大。 在这里分享一个划词功能,直接上图:使用划词可以直接跳转到你所要调转的页面或网址,可以试试。下面是如何修改图片及跳向网址的代码:$(function(){$( "body ") mouseup(functio
TAG:jQuery 划词
本站欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明: 文章转载自:爱思资源网 http://www.aseoe.com/show-13-355-1.html

[前端插件推荐] Plugin

1 2 3 4
  • jQuery实现逐字逐句显示插件l-by-l.min.js
  • jQuery带方向感知的鼠标滑过图片边框特效插件
  • jQuery HotKeys监听键盘按下事件keydown插件
  • 响应式无限轮播jQuery旋转木马插件
响应式无限轮播jQuery旋转木马插件
web前端开发
爱思资源网 Copyright 2012-2014 Www.Aseoe.Com All rights reserved.(晋ICP备13001436号-1)