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


Posted in Javascript onNovember 29, 2016

下面给大家分享一段代码关于jquery弹出div层并自动消失的实现代码,废话不多说了,具体代码如下所示: 

var HuiFang={
m_tishi :null,//全局变量 判断是否存在div,
//提示div 等待2秒自动关闭
Funtishi: function (content, url) {
if (HuiFang.m_tishi == null) {
HuiFang.m_tishi = '<div class="xiaoxikuang none" id="app_tishi" style="z-index:9999;left: 15%;width:70%;position: fixed;background:none;bottom:10%;"> <p class="app_tishi" style="background: none repeat scroll 0 0 #000; border-radius: 30px;color: #fff; margin: 0 auto;padding: 1.5em;text-align: center;width: 70%;opacity: 0.8; font-family:Microsoft YaHei;letter-spacing: 1px;font-size: 1.5em;"></p></div>';
$(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);
}
},
}

使用:

HuiFang.Funtishi("请输入名字。");

以上所述是小编给大家介绍的jQuery弹出div层过2秒自动消失,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript延迟加载
Mar 09 Javascript
基于jQuery实现图片的前进与后退功能
Apr 24 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
Nov 30 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
Javascript 动态改变imput type属性
Nov 01 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
Nov 22 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
Vue AST源码解析第一篇
Jul 19 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
小程序实现选择题选择效果
Nov 04 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
headjs实现网站并行加载但顺序执行JS
Nov 29 #Javascript
如何使用headjs来管理和异步加载js
Nov 29 #Javascript
JS针对Array的各种操作汇总
Nov 29 #Javascript
用headjs来管理和加载js 提高网站加载速度
Nov 29 #Javascript
巧用数组制作图片切换js代码
Nov 29 #Javascript
JS插件plupload.js实现多图上传并显示进度条
Nov 29 #Javascript
文件上传插件SWFUpload的使用指南
Nov 29 #Javascript
You might like
玩转虚拟域名◎+ .
2006/10/09 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
基于jquery的滑动样例代码
2010/11/20 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
2010/12/27 Javascript
jquery应该如何来设置改变按钮input的onclick事件
2012/12/10 Javascript
ajax中get和post的说明及使用与区别
2012/12/23 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
基于JavaScript实现简单的随机抽奖小程序
2016/01/05 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
基于对象合并功能的实现示例
2017/10/10 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
2018/12/22 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
Angular单元测试之事件触发的实现
2020/01/20 Javascript
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
Python算术运算符实例详解
2017/05/31 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
python 实现线程之间的通信示例
2020/02/14 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
英语硕士生求职简历的自我评价
2013/10/15 职场文书
初中生三年学习生活的自我评价
2013/11/03 职场文书
班队活动设计方案
2014/01/30 职场文书
小区物业门卫岗位职责
2014/04/10 职场文书
离婚协议书范文2015
2015/01/26 职场文书
秋菊打官司观后感
2015/06/03 职场文书
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技