javascript如何实现延时显示提示框效果的代码案例

web前端|js教程

javascript，延时显示，提示框

web前端-js教程

这篇文章主要为大家详细介绍了javascript实现延时显示提示框效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

交友系统源码,vscode 红色波浪线,ubuntu添加root,tomcat怎么算成功,蜜罐 爬虫,php视频聊天室,温州企业seo哪里有,织梦商城网站模板模板,网站后台模板lzw

js延时提示框效果演示：

ios新闻类app源码,vscode切端口号命令行,ubuntu英文设置,tomcat7安装部署,地里爬虫子,php输出北京时间,seo万词霸屏推广性价比高lzw

.net平台系统源码,ubuntu系统竖屏,中间件检查包括tomcat吗,开发定制爬虫产品,php 二维冒泡排序算法,网页内页seolzw

实现方法

移入显示，移出隐藏

移除延时隐藏，可以实现从第一个p移入第二个p，仍然可以显示

#p1 { width: 50px; height: 50px; background: red; float: left}#p2 { margin-left: 10px; width: 250px; height: 150px; background: yellow; float: left; display: none}window.onload=function(){ var op1=document.getElementById(p1); var op2=document.getElementById(p2); var timer=null; op1.onmouseover=op2.onmouseover=function() { clearTimeout(timer); op2.style.display=lock; }; op1.onmouseout=op2.onmouseout=function() { timer=setTimeout(function() { op2.style.display= one;} ,500); };};