延时提示框

快来打我* 2024-02-17 23:03 10阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style>
    			
    			#div1 {
    				width: 50px;
    				height: 50px;
    				background: red;
    				margin: 10px;
    				float: left;
    			}
    			
    			#div2 {
    				width: 300px;
    				height: 300px;
    				background: gray;
    				margin: 10px;
    				float: left;
    				display: none;
    			}
    		</style>
    		
    		<script>
    			
    			window.onload = function(){
    				var oDiv1 = document.getElementById("div1");
    				var oDiv2 = document.getElementById("div2");
    				var times = null;
    				
    				oDiv1.onmouseout = oDiv2.onmouseout = function(){
    					times =  setTimeout(function (){
    					oDiv2.style.display = 'none';
    				},500);
    			}
    				
    				oDiv1.onmouseover = oDiv2.onmouseover = function(){
    			        clearTimeout(times);
    			        oDiv2.style.display = 'block';
    				}
    				
    		}
    			
    		</script>
    	</head>
    	<body>
    		<div id = "div1"></div>
    		<div id = "div2"></div>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关延时提示框

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

快来打我*/ 2024年02月17日 23:03/ 0 赞/ 11 阅读

相关延时执行

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.5 NSEC_PER_SEC)), dispa

╰+哭是因爲堅強的太久メ/ 2023年10月16日 21:15/ 0 赞/ 49 阅读

相关 css实现鼠标触碰时显示提示框，鼠标移开时隐藏提示框

css实现鼠标触碰时显示提示框，鼠标移开时隐藏提示框解决方法：效果图：鼠标触碰到问号时提示。 ![20191211153618285.png][] css：[

àì夳堔傛蜴生んèń/ 2023年06月21日 05:59/ 0 赞/ 39 阅读

相关延时函数

`void` `usleep(``int` `micro_seconds); include <unistd.h>` unsigned int sleep (unsigne

逃离我推掉我的手/ 2023年06月01日 15:57/ 0 赞/ 31 阅读

相关学习笔记——input标签作为搜索框时延时查询

> 在前端开发过程，有时会有以下需求：使用input标签作为搜索框，在搜索框中输入内容查询相关结果，类似于百度搜索。 > > 这里主要使用输入框的keyup事件。 ----

亦凉/ 2023年01月12日 11:38/ 0 赞/ 139 阅读

相关 react实现input搜索框延时发送请求

const onKeywordsChange = debounce((v: any) => { setSalePkgName(v); // 80

喜欢ヅ旅行/ 2022年10月17日 11:12/ 0 赞/ 197 阅读

相关 Android 网络延时加载框

在进行网络访问等耗时操作的时候，我们经常会用到加载框，也提高了用户体验。 -------------------- 一、显示加载框： ProgressDialog

柔情只为你懂/ 2022年09月21日 15:19/ 0 赞/ 232 阅读

相关 JavaScript-定时器的使用之延时提示框

JavaScript\-定时器的使用之延时提示框知识点： 1.定时器 1）开启定时器：setTimeout() 2)关闭定时器：clearTimeout()

电玩女神/ 2022年06月11日 07:24/ 0 赞/ 201 阅读

相关 Qt 延时

include <QTime> void MainWindow::sleep(unsigned int msec) { QTi

川长思鸟来/ 2022年05月16日 04:35/ 0 赞/ 309 阅读

相关消息框-提示框

今天找到一个非常简单的提示消息弹出框直接上代码 html ![1500786-20181012154016519-1839245572.png][] css

迷南。/ 2021年09月29日 23:38/ 0 赞/ 490 阅读