>웹 프론트엔드 >JS 튜토리얼 >jquery JS_jquery를 기반으로 한 페이지 단어 검색

jquery JS_jquery를 기반으로 한 페이지 단어 검색

WBOY
WBOY원래의
2016-05-16 18:19:471106검색

Jquery 수정을 기준으로 다음은 모두 스크립트입니다

코드 복사 코드는 다음과 같습니다.

//코드 단어 검색
var GLS = {};
GLS.startObj = null;
GLS.isdb = false;
GLS.allow = true; () {
if (GLS.allow) {
GLS.allow = false
alert('Google 검색이 종료되었습니다.')
}
else {
GLS.allow; = true;
alert('Google 검색이 열려 있습니다.');
GLS.dblclick = function() {
GLS.isdb = true;
GLS.mousedown = function(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : ""); .startObj = (evt .target) ? evt.srcElement;
}
};
GLS.mouseup = function(evt) {
var obj;
evt = (evt) ? evt : ((window.event) ? window.event : "")
if (evt) {
obj = (evt.target) ? .srcElement;
strlen = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;
}
var str = ""
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
}; evt) {
var obj = $("#GLSearch");
var sDivWidth = 88; //검색창의 너비 "Google 검색"
if (str.toString().length > ; 0) {
var windowWidth; //창 너비
//창 너비 가져오기
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;
var sT = (document.documentElement.scrollTop > 0) ? document.documentElement.scrollTop : document.body.scrollTop;
wT = (evt.pageX sDivWidth) -
rY = (( evt.pageY - sT) < 25) ? evt.pageY - 25
rX = (wT > 0) ? evt.pageX 5; 🎜>obj.css("top", rY );
obj.css("left", rX)
obj.html("Google 검색");
}
else {
obj.css("display" , "none");
}
};

//페이지 로딩
$(document).ready(function() {
$(document.body).append ("
")
$(document).mousedown(GLS.mousedown).dblclick(GLS.dblclick ).mouseup(GLS.mouseup);
});------------CSS 첨부/*검색*/
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) 반복 없음 왼쪽;텍스트 장식:없음;}
a.GL_s:link{filter:alpha(opacity=71);-moz-opacity:0.7;불투명도: 0.7;}
a.GL_s:hover{필터: alpha(opacity=100);-moz -opacity:1.0;opacity: 1.0;}------------search.gif 그림



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.