ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript ページの単語検索 JS_javascript スキル

JavaScript ページの単語検索 JS_javascript スキル

WBOY
リリース: 2016-05-16 18:45:38
オリジナル
1107 人が閲覧しました

Jquery の変更に基づいて、以下はすべてスクリプトです

コードをコピー コードは次のとおりです:

//コードワード検索
var GLS = {};
GLS.isdb = false;
GLS.isallow = function () {
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
var strlen;
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (evt) {
obj = (evt.target) : evt .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.search = function(str, 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' }); if ($.browser.msie) {
wT = (evt.clientX sDivWidth) - windowWidth;
rY = document.documentElement.scrollTop evt.clientY;
rX = document.documentElement.scrollLeft evt.clientX; ;
rY = (evt.clientY rX = (wT > : rX 5;
var sT = (document.documentElement.scrollTop > 0) ? document.documentElement.scrollTop : document.body.scrollTop;
wT = (evt.pageX sDivWidth) -
rY = (( evt.pageY - sT) 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/*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;}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート