js划字搜索

 

<!DOCTYPE html>
<html>
<head>
    <title>划字搜索 - wyf'blog</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <style>
        body,h1,p{ margin: 0;padding: 0;}
        #news_Main{width: 650px; margin: 20px auto; background: #ffffff; border: 1px solid #D3DBE6; border-top: 2px solid #003795;}
        #news_Main .hd{ padding-top: 22px;text-align: center; margin: 0 20px;}
        #news_Main .bd{ margin: 0 20px 20px;}
        #news_Main h1{ font-size: 26px; margin-bottom: 6px;font-weight: 800;}
        #news_Main .titleBar{ font-size: 12px; color: #7e7e7e;}
        #news_Main .bd .line{height: 1px;font-size: 0;border-top: 1px solid #e5e5e5;margin-top: 18px;}
        #cnt_news_Main p{line-height: 25px; margin: 20px 0 auto; text-indent: 2em; font-size: 14px;}
    </style>
    <script>
        function MoveSearch(options){
            this.init(options);
        }
        MoveSearch.prototype={
            $:function(id){return document.getElementById(id);},
            _getselectT:function(){      //返回选中文字
                if(window.getSelection){
                    return window.getSelection().toString();
                }else if(document.getSelection){
                    return document.getSelection();
                }else if(document.selection) {
                    return document.selection.createRange().text;
                }
            },
            _getX:function(obj){
                return obj.offsetLeft+(obj.offsetParent?arguments.callee(obj.offsetParent):0);
            },
            _getY:function(obj){
                return obj.offsetTop+(obj.offsetParent?arguments.callee(obj.offsetParent):0);
            },
            _setTips:function(id,content,css){
                this.$(id).style.position = "relative";
                var oFrag=document.createDocumentFragment();
                var tp = document.createElement("DIV");
                tp.id="tipsWBzf";
                tp.style.cssText = css?css: "width:59px;height:22px;position:absolute;visibility: hidden;text-decoration:none;z-index:899;cursor:pointer";
                tp.innerHTML = content?content: '<span style="position:relative; float: left;"><a href="javascript:void(0)" style="position:absolute;left:0;top:0;z-index:900;display:block;width:59px;height:22px;background:url(img/MoveSearch.png) no-repeat;" title="百度搜索"></a></span>';
                oFrag.appendChild(tp);
                this.$(id).appendChild(oFrag);
            },
            _getTipsPos:function(e,id,isIe){//获得TIPS位置
                var ev = window.event||e;
                this._x=ev.clientX-this._getX(this.$(id))+document.body.scrollLeft+document.documentElement.scrollLeft;
                this._y=ev.clientY-this._getY(this.$(id))+document.body.scrollTop+document.documentElement.scrollTop;
                if(!isIe){
                    this.$("tipsWBzf").style.left = this._x+"px";
                    this.$("tipsWBzf").style.top = this._y-32+"px";
                }else{
                    this.$("tipsWBzf").style.left = this._x+"px";
                    this.$("tipsWBzf").style.top = this._y-32+"px";
                }
            },
            init:function(options){
                this.options=options;
                if(this.options.id){
                    var _self=this,isClick=false,lastSelect='';
                    _self._setTips(_self.options.id,_self.options.content, _self.options.csstxt);
                    this.$(this.options.id).onmouseup = function(e){
                        if(_self._getselectT().length>10&&!isClick){
                            if(!document.all){
                                _self.$("tipsWBzf").style.visibility = "visible";
                                _self._getTipsPos(e,_self.options.id,false);
                            }else{
                                _self.$("tipsWBzf").style.visibility = "visible";
                                _self._getTipsPos(e,_self.options.id,true);
                            }
                            if(lastSelect == _self._getselectT() && _self.$("tipsWBzf").style.visibility == "visible"){
                                lastSelect = '';
                                _self.$("tipsWBzf").style.visibility = "hidden";
                                isClick = false;
                            }else{
                                lastSelect = _self._getselectT();
                            }
                        }else{
                            _self.$("tipsWBzf").style.visibility = "hidden";
                            isClick = false;
                        }
                    }
                    this.$("tipsWBzf").onmousedown = function(){
                        _self.$("tipsWBzf").style.visibility = "hidden";
                        var t = _self._getselectT();
                        if(t.length>35){
                            t = t.substr(0,34);
                        }
                        window.open('http://www.baidu.com/s?wd='+t);
                        isClick = true;
                        window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
                        return false;
                    };
                    this.$("tipsWBzf").onmouseup=function(){
                        return false;
                    }
                    document.onmousedown = function(e){
                        if(_self.$("tipsWBzf").style.visibility == "visible"){
                            _self.$("tipsWBzf").style.visibility = "hidden";
                            isClick = false;
                        }
                    }
                }
            }
        }
        window.onload=function(){
            new MoveSearch({'id':'cnt_news_Main'});
        }
    </script>
</head>
<body>
<div id="news_Main">
    <div class="hd">
        <h1>菲律宾邀请姚明赴菲进行友谊赛 展开篮球外交</h1>
        <div class="titleBar">
            <span class="pubTime">2012年05月19日18:00</span>
            <span class="where">人民网</span>
            <span class="auth">于景浩</span>
        </div>
    </div>
    <div class="bd">
        <div class="line"></div>
        <div id="cnt_news_Main">
            <p>人民网马尼拉5月19日电(记者 于景浩)菲律宾《马尼拉公报》19日报道称,菲律宾篮球协会决定邀请姚明的上海男篮6月28日在菲律宾进行一场友谊赛,以缓解当前紧张的中菲关系。菲律宾总统发言人以及菲律宾体育协会官员确认这一行动是由政府支持的行动,旨在改善两国关系。</p>
            <p>菲律宾篮球协会18日在宿雾召开会议,董事会成员一致同意将组成一支全明星篮球队,并和姚明带领的上海男篮在6月28日在亚洲商场体育馆进行一场友谊表演赛。菲律宾篮协一名官员萨鲁德表示,友谊赛代表了菲律宾篮球协会改善菲中关系的努力,目前中菲两国因为斯卡伯勒礁(黄岩岛)对峙而陷入紧张。萨鲁德说:“本着同中国和解的精神,我们决定和中国篮协排名第六的球队(上海男篮)进行一场友谊赛。”文章说,姚明预计将带领上海男篮到菲律宾进行比赛。对姚明球队的邀请是通过菲律宾体育协会和中国国家体育总局进行的。姚明2002年曾带领上海男篮取得中国篮球联赛总冠军。2009年,姚明收购上海男篮大鲨鱼队。</p>
            <p>菲律宾“新闻五台”网站19日在头条位置以“篮球外交:姚明将帮助解冻菲中关系”为题报道说,菲律宾总统府发言人陈显达18日在发给菲律宾“新闻五台”记者的短信中表示:“一场友谊赛肯定会推动同中国的友好关系。这表明我们和中国有多层次的关系。”他表示:“因为友谊赛目前仍处在计划阶段,现在评论还太早。不过,篮球赛作为我们两国关系的一种善意体现,我们对此表示欢迎。”菲律宾体育协会主席李奇·加西亚表示,这是中国同菲律宾关系“健康”的表现。他说:“这一行动背后肯定有政府支持。这可以作为我们两国继续谈判的桥梁。”</p>
            <p>菲律宾“新闻五台”的评论说,邀请姚明参加友谊赛的消息对于中国和菲律宾来说都提供了一个让人欣慰的信号,两国在篮球上共享同样的激情。18日,菲律宾总统亲自打电话劝阻了一名菲律宾退役军官计划前往争议水域抗议的计划,这一系列行动代表了两国之间的善意。文章说,体育外交在中国早有先例,上世纪70年代的乒乓外交是中美关系中的重要一页。文章认为,篮球毫无疑问将为中菲两国人民提供更多共同的话题,姚明的到来将会在菲律宾球迷中引发巨大热情。</p>
        </div>
    </div>
</div>

</body>
</html>

 

 

 

 

 

 

 

 

 

 

posted @ 2013-01-19 16:46  赵小磊  阅读(187)  评论(0)    收藏  举报
回到头部