<html>
<head>
<title>划词搜索</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<SCRIPT language=Javascript>
document.body.onload=adddiv; //页面加载时动态创建div
document.onmousedown=recordobj; //鼠标按下时触发的事件
document.ondblclick=dbclick; //窗体双击时触发的事件
document.onmouseup=showselect; //鼠标弹起时触发的事件
var eventObj;
var isDouble=false;
var allow=true; //是否启用划词搜索
function isallow()
{
if(allow){
allow=false;
alert('已经关闭');
}
else{
allow=true;
alert('已经打开');
}
}
function dbclick() //双击事件
{
isDouble=true;
}
function recordobj() //当前操作对象
{
eventObj=event.srcElement;
}
function showselect() {
var str="";
if(event.srcElement.tagName!="A"&&event.srcElement.tagName!="INPUT"&&event.srcElement==eventObj&&!isDouble&&allow)
{
var oText=document.selection.createRange();//获取选择文本
if(oText.text.length>0) //如果文本存在
{
str=oText.text;
oText.text="begin"+oText.text+"end"; //包装被选中的文本
}
oText.select(); //实现选择
//设置选中文本的样式-带下划线-变颜色
event.srcElement.innerHTML=event.srcElement.innerHTML.replace("begin","<u style='FONT-WEIGHT: bold;COLOR: #ff3366'>").replace("end","</u>");
}
googleDiv(str) //实现选定文本的搜索
isDouble=false;
}
function googleDiv(str)
{
var obj=document.getElementById("googleDiv");//获取动态添加的div
if(str.length>0)
{
obj.style.display="block"; //显示div
obj.style.position="absolute"; //设置div绝对位置
obj.style.zindex=999;
obj.style.posTop=document.body.scrollTop+event.y-25;//div的Y坐标
obj.style.posLeft=document.body.scrollLeft+event.x+5;//div的X坐标
obj.style.widht=80; //div的宽度
obj.innerHTML="<a target=_blank href=http://www.google.com/search?ie=UTF-8&oe=UTF-8&q="+str+" style='BORDER-RIGHT: royalblue thin solid; BORDER-TOP: royalblue thin solid; FONT-WEIGHT: bold; BORDER-LEFT: royalblue thin solid; CLIP: rect(auto auto auto auto); COLOR: #ffffff; BORDER-BOTTOM: royalblue thin solid; BACKGROUND-COLOR: inactivecaption; TEXT-DECORATION: none'>搜索</a>";
}
else
{
obj.style.display="none";
}
}
function adddiv()//动态添加div标签
{
var mobj = document.createElement("div"); //创建div标签
mobj.id="googleDiv"; //设置div标签的id
document.body.appendChild(mobj); //将div添加到窗体中
}
</SCRIPT>
<INPUT type="button" onclick="isallow()" value="关闭/打开划词功能">
<p>This is Test ,please Select,it's will google</p>
</body>
</html>
分享到:
相关推荐
Javascript特效:一个代码非常简洁的Javascript 3D相册
javascript特效javascript特效javascript特效javascript特效javascript特效javascript特效javascript特效javascript特效
javascript搞定划词标记划词搜索功能 代码简单 方便大家利用
javascript实现划词标记+划词搜索功能.docx
javascript特效代码大全 javascript特效代码大全 javascript特效代码大全
JAVASCRIPT特效JAVASCRIPT特效JAVASCRIPT特效JAVASCRIPT特效
经典的javascript网页特效代码 javascript特效
JavaScript特效源码大全,基本都是一些早些时期收集的Javascirpt特效,包括网页特效/窗口特效/鼠标特效/图像及菜单特效等,每一分类里都有不少的实用技巧,不但可以用到你的网页中,还可以研究一下Js技术.
程序员 常用 JavaScript 特效 网页特效程序员 常用 JavaScript 特效 网页特效程序员 常用 JavaScript 特效 网页特效
javascript特效原码大全 javascript特效原码大全
javascript 特效打包javascript 特效打包javascript 特效打包!!
javascript特效全集javascript特效全集javascript特效全集javascript特效全集javascript特效全集
javascript特效 客户端验证javascript特效 客户端验证javascript特效 客户端验证
js特效 javascript特效 效果超炫 学习用
常用Javascript特效代码
资源是JavaScript网页特效的代码,对于喜欢前台的同学有值得借鉴
JavaScript特效大全:控制Div属性 网页换肤 函数接收参数并弹出 用循环将三个Div变成红色 鼠标移入/移出改变样式 记住密码提示框 百度输入法 点击Div,显示其innerHTML 求出数组中所有数字的和 弹出层效果 函数传参,...
网页特效 JavaScript特效千例
1500个javascript特效!
1500个前端常用JavaScript特效合集,很全。