jQuery弹出div层过2秒自动消失

网络编程 2025-03-24 00:03www.168986.cn编程入门

今天,狼蚁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网站的支持与关注!

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by