hotword.js

来自「数据库系统工程师的考点 难点 很值得一看的有」· JavaScript 代码 · 共 42 行

    function getDefineX(ObjectID) {
        var iPositionX = ObjectID.offsetLeft;
        while (ObjectID = ObjectID.offsetParent){
            iPositionX += ObjectID.offsetLeft;
        }
        return   iPositionX;
    }
    function getDefineY(ObjectID){
        var iPositionY = ObjectID.offsetTop;
        while (ObjectID = ObjectID.offsetParent){
            iPositionY += ObjectID.offsetTop;
        }
        return  iPositionY;
    }

    function overHotword(link,spanid){
       var span = document.getElementById(spanid);
       if(span.timer) clearTimeout(span.timer);
       var x = getDefineX(link);
       var y = getDefineY(link);
       span.style.top = (y + link.offsetHeight) + 'px';
       span.style.left = x + 'px';
       span.style.display='block';
    }

    function outHotword(link,spanid){
       var span = document.getElementById(spanid);  
       span.timer = setTimeout(function(){document.getElementById(spanid).style.display='none'},500);
    }

    function overHotspan(span,event){
        clearTimeout(span.timer)
    }
            
    function outHotspan(span,evt){
        var evt = evt||window.event;
        var se = evt.srcElement? evt.srcElement:evt.target;
        var te = evt.toElement? evt.toElement:evt.relatedTarget;
        if(span == se && te.parentNode != span || span == te && se.parentNode != span )
            span.style.display='none';
    }