当前位置: 首页 > 编程笔记 >

JS实现定时自动关闭DIV层提示框的方法

有德业
2023-03-14
本文向大家介绍JS实现定时自动关闭DIV层提示框的方法,包括了JS实现定时自动关闭DIV层提示框的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JS实现定时自动关闭DIV层提示框的方法。分享给大家供大家参考。具体分析如下:

这里用JS设定时间去控制指定ID的DIV层是否显示,可以实现一个自动关闭的提示框,时间一到,马上关闭,这样会使你的网页更人性一点,代码其实比你想像的还要简单,就一行代码。

<title>自动关闭的DIV层</title>
<body onLoad=setTimeout("abc.style.display='none'",5000)>
<div id="abc" style="background:yellow;padding:20px;
position:absolute; left:92px; top:38px;
width:200px; height:169px; z-index:1">
友情提示:本层5秒后会消失!
</div>

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JS使用cookie实现DIV提示框只显示一次的方法,包括了JS使用cookie实现DIV提示框只显示一次的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法。分享给大家供大家参考,具体如下: 这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第一次打开网页的时候才显示,第二次

  • 本文向大家介绍js实现div弹出层的方法,包括了js实现div弹出层的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现div弹出层的方法。分享给大家供大家参考。具体分析如下: 话说现在各种插件出来了要实现弹出层真是太简单了,但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西,下面来给各位分享一个原生太js div弹出层实例,有需要的朋友可一起看看。 这个不用多说了,直接

  • 本文向大家介绍C#实现winform自动关闭MessageBox对话框的方法,包括了C#实现winform自动关闭MessageBox对话框的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#实现winform自动关闭MessageBox对话框的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的C#程序设计有所帮助。

  • 本文向大家介绍纯js实现的积木(div层)拖动功能示例,包括了纯js实现的积木(div层)拖动功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了纯js实现的积木(div层)拖动功能。分享给大家供大家参考,具体如下: 点击button按钮,获取积木,获取积木后可以在浏览器内随意拖动生成的积木: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数据结

  • 本文向大家介绍layer弹出层倒计时关闭的实现方法,包括了layer弹出层倒计时关闭的实现方法的使用技巧和注意事项,需要的朋友参考一下 因为官方没有提供,只能自己实现了,包括按钮倒计时和标题倒计时,标题倒计时在注释部分: 以上这篇layer弹出层倒计时关闭的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JS+CSS实现带关闭按钮DIV弹出窗口的方法,包括了JS+CSS实现带关闭按钮DIV弹出窗口的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS+CSS实现带关闭按钮DIV弹出窗口的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。