jQuery弹出div层过2秒自动消失
今天,狼蚁SEO网站优化专家给大家分享一段非常实用的jQuery代码,关于如何弹出div层并在2秒后自动消失。这是一个很有参考价值的技巧,对于需要进行网页交互的朋友来说,非常实用。
这个功能的实现代码非常简单,我们先来了解一下具体的实现方式。定义一个全局变量`HuiFang.m_tishi`来检查是否存在div层。然后,创建一个函数`Funtishi`,它接受两个参数:内容(content)和链接(url)。
如果div层不存在(即`HuiFang.m_tishi == null`),我们就创建一个带有特定样式和内容的div层,并将其添加到页面的body部分。然后,我们显示这个div层,并将内容设置为传入的`content`参数。接下来,如果提供了`url`参数,我们将在1.5秒后跳转到这个链接;否则,我们将使div层在1.5秒后自动消失。
具体代码如下所示:
```javascript
var HuiFang = {
m_tishi: null, // 全局变量,判断是否存在div层
// 提示div等待2秒自动关闭
Funtishi: function (content, url) {
if (HuiFang.m_tishi == null) {
HuiFang.m_tishi = '
'
' + '
$(document.body).append(HuiFang.m_tishi);
}
$("app_tishi").show();
$(".app_tishi").html(content);
if (url) {
window.setTimeout("location.href='" + url + "'", 1500);
} else {
setTimeout('$("app_tishi").fadeOut()', 1500);
}
}
}
```
如何使用呢?很简单,只需要调用函数并传入相应的参数即可:
```javascript
HuiFang.Funtishi("请输入名字。");
```
以上就是长沙网络推广专家给大家介绍的jQuery弹出div层过2秒自动消失的技巧,希望对大家有所帮助。如果您有任何疑问或建议,请给我们留言,我们会及时回复。在此,也非常感谢大家对狼蚁SEO网站的支持与关注!
编程语言
- jQuery弹出div层过2秒自动消失
- javascript fckeditor编辑器取值与赋值实现代码
- 正则表达式解二元方程式代码
- 万万没想到Chrome的历史记录竟然可以这么玩
- 让IE8和IE9支持eWebEditor在线编辑器的方法
- php中mkdir函数用法实例分析
- JavaScript编程中布尔对象的基本使用
- layui的table单击行勾选checkbox功能方法
- JS的Ajax与后端交互数据的实例
- JS实现pasteHTML兼容ie,firefox,chrome的方法
- 浅谈jQuery双事件多重加载的问题
- sql server使用临时存储过程实现使用参数添加文件
- php项目中类的自动加载实例讲解
- JavaScript中的原型链prototype介绍
- 在Vue中使用echarts的方法
- PHP获取远程图片并保存到本地的方法