JS实现延迟隐藏功能的方法（类似即时通信软件头像鼠标放上展示信息)

射流研究…实现延迟隐藏

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题延迟隐藏/title style # div 1 { width :100 px；高度：100 px背景：黄色；border: 5px固体# 999;边框半径： 10px绝对位置：右： 50px文本对齐：中心；线高： 100像素；边距-底部：10 px} # div2 { width:200px向左浮动：高度：200 pxborder: 5px固体# 999;边框半径： 10px绝对位置：右：160像素文本对齐：中心；线高： 200像素；背景：绿色；display:none}/style脚本窗口。onload=function(){ var div 1=document。getelementbyid(' div 1 ')；div1.innerHTML='鼠标请放上！var div 2=文档。getelementbyid(' div 2 ')；div2.innerHTML='鼠标请移开！定义变量计时器=nulldiv 1。onmouseover=function(){ cleartime out(计时器);第二分区。风格。display=' block};1区。onmouseout=function(){ cleartime out(计时器);timer=setTimeout(function(){ div 2。风格。显示='无'；}, 700);};第二分区。onmouseover=function(){ cleartime out(计时器);};第二分区。onmouseout=function(){ cleartime out(计时器);timer=setTimeout(function(){ div 2。风格。显示='无'；},700);} }/script/head dydiv id=' div 1 '/div div id=' div 2 '/div/body/html(9500 . 163.com)

以上这篇射流研究…实现延迟隐藏功能的方法（类似即时通信软件头像鼠标放上展示信息)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。