![javascript如何实现延时显示提示框效果的代码案例](https://2000zi.500zi.com/uploadfile/img/14/596/56c591789127fe7a9d5d32319409e0eb.jpg)
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); };};