Home > Web Front-end > JS Tutorial > body text

Page word search based on jquery JS_jquery

WBOY
Release: 2016-05-16 18:19:47
Original
1104 people have browsed it

Based on Jquery modification, the following are all scripts

Copy code The code is as follows:

//Code word Search
var GLS = {};
GLS.startObj = null;
GLS.isdb = false;
GLS.allow = true;
GLS.isallow = function() {
if (GLS.allow) {
GLS.allow = false;
alert('Google search is closed');
}
else {
GLS.allow = true;
alert('Google search is open');
}
};
GLS.dblclick = function() {
GLS.isdb = true;
};
GLS. mousedown = function(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (evt) {
GLS.startObj = (evt .target) ? evt.target : evt.srcElement;
}
};
GLS.mouseup = function(evt) {
var obj;
var strlen;
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (evt) {
obj = (evt.target) ? evt.target : evt.srcElement;
strlen = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;
}
var str = "";
if (obj.tagName != "A" && obj.tagName != "INPUT" && obj == GLS.startObj && !GLS.isdb && GLS.allow) {
if (strlen.length > 0) {
str = strlen;
}
}
GLS.search(str, evt);
GLS.isdb = false;
};
GLS.search = function(str, evt) {
var obj = $("#GLSearch");
var sDivWidth = 88; //The width of the search box "Google Search"
if (str.toString().length > 0) {
var windowWidth; //The width of the window
//Get the width of the window
if (self.innerWidth) {
windowWidth = self.innerWidth;
} else if (document.documentElement && document.documentElement .clientWidth) {
windowWidth = document.documentElement.clientWidth;
} else if (document.body) {
windowWidth = document.body.clientWidth;
}
obj.css({ 'display': 'block', 'position': 'absolute', 'zindex': '10000' });
var rX, rX, wT;
if ($.browser.msie) {
wT = (evt.clientX sDivWidth) - windowWidth;
rY = document.documentElement.scrollTop evt.clientY;
rX = document.documentElement.scrollLeft evt.clientX;
rY = (evt.clientY < ; 25) ? rY 5 : rY - 25;
rX = (wT > 0) ? rX - wT : rX 5;
}
else {
var sT = (document.documentElement. scrollTop > 0) ? document.documentElement.scrollTop : document.body.scrollTop;
wT = (evt.pageX sDivWidth) - windowWidth;
rY = ((evt.pageY - sT) < 25) ? evt.pageY 5 : evt.pageY - 25;
rX = (wT > 0) ? evt.pageX - wT : evt.pageX 5;
}
obj.css("top", rY );
obj.css("left", rX);
obj.html("Google Search");
}
else {
obj.css("display" , "none");
}
};

//Page loading
$(document).ready(function() {
$(document.body).append ("
");
$(document).mousedown(GLS.mousedown).dblclick(GLS.dblclick).mouseup(GLS.mouseup);
});------------Attach CSS/*search*/
a.GL_s{width:68px;height:20px;display:block;border:solid 1px #2b7ab7 ;line-height:20px;padding-left:18px;color:#084f10;font-size:12px;font-weight:bold;background:url(search.gif) no-repeat left;text-decoration:none;}
a.GL_s:link{filter:alpha(opacity=71);-moz-opacity:0.7;opacity: 0.7;}
a.GL_s:hover{filter:alpha(opacity=100);-moz -opacity:1.0;opacity: 1.0;}----------search.gif picture

Page word search based on jquery JS_jquery
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template