qq延迟提示框

效果如图:利用gif生产的图片 不是很明显,可以直接粘贴代码 运行一下


qq延迟提示框_第1张图片
GIF02.gif

原生代码:



    
        
        QQ延时提示框.html
        

    
      
    
        

简化代码:

    window.onload=function(){
            var odiv1=document.getElementById("div1");
            var odiv2=document.getElementById("div2");
            var timer=null;
            
            odiv1.onmouseover=odiv2.onmouseover=function(){ 
                clearTimeout(timer);
                odiv2.style.display='block'; 
            }
            
            odiv1.onmouseout=odiv2.onmouseout=function(){ 
              timer=setTimeout(function(){
                  odiv2.style.display='none';
               },500)
            }
            
        }

2利用JQ实现



    
        
        QQ延时提示框==jp.html
        

    
    
        

你可能感兴趣的:(qq延迟提示框)