js文章页选中文本出现弹窗效果，文章内容文本被鼠标选中是弹出一个邀请框效果实现，非常棒的一个效果，可以提高转化。

可以将代码封装到JS文件中进行调用。

if($("#Content").length>0){

var div=$("#Content").get(0);

div.onmouseup=mouseMove;}

这段代码的作用是将选择文本出现弹出框的效果限定在Content中，其他地方选中文本无效果。

最终效果:

<title>js文章页选中文本出现弹窗效果</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
<!--js文章页选中文本出现弹窗效果-->
$(document).ready(function(){
	if($("#Content").length>0){
		var div=$("#Content").get(0);
		div.onmouseup=mouseMove;
	}
})
document.write('<div class="box" id="tips" style="display:none;position:absolute;left:0;top:0;z-index:1" ><a href="/swt/" target="_blank"><img src="http://www.120muban.com/uploads/allimg/140903/1_0935553701.gif" /></a></div>');
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 mouseMove(ev) 
{ 
	var text=getSelectedText();
	if(text==""){
		var ct=$("#tips").css('display');
		if(ct=='block'){
			$("#tips").css('display','none');
			return true;
		}
	}
	ev= ev || window.event; 
	var mousePos = mouseCoords(ev); 
	$("#tips").css('display','block');
	var left=$(this).offset().left;
	var top=$(this).offset().top;
	$('.box').css('left',mousePos.x);
	$('.box').css('top',mousePos.y+10);
	return {x:mousePos.x,y:mousePos.y}
} 
function mouseCoords(ev) 
{ 
	if(ev.pageX || ev.pageY){ 
		return {x:ev.pageX, y:ev.pageY}; 
	} 
	
	if(window.ActiveXObject){
		return { 
				x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
				y:ev.clientY + document.documentElement.scrollTop - document.documentElement.clientTop
		};
	}else{
		return { 
			x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
			y:ev.clientY + document.body.scrollTop - document.body.clientTop 
		};
	}
}
<!--js文章页选中文本出现弹窗效果-->
</script>
<div id="Content">
<p>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</p>
<p>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</p>
<p>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</p>
<p>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</p>
</div>