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 相关文章推荐
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
Oct 20 Javascript
js弹出模式对话框,并接收回传值的方法
Mar 12 Javascript
根据表格中的某一列进行排序的javascript代码
Nov 29 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 Javascript
jQuery截取指定长度字符串代码
Aug 21 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 Javascript
全面解析Angular中$Apply()及$Digest()的区别
Aug 04 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
Dec 23 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
Jan 26 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
vue 使用鼠标滚动加载数据的例子
Oct 31 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
php你的验证码安全码?
2007/01/02 PHP
php自动注册登录验证机制实现代码
2011/12/20 PHP
PHP产生不重复随机数的5个方法总结
2014/11/12 PHP
zend framework重定向方法小结
2016/05/28 PHP
PHP单链表的实现代码
2016/07/05 PHP
基于jquery的loading效果实现代码
2010/11/05 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
关闭页面window.location事件未执行的原因及解决方法
2014/09/01 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
实例讲解JS中setTimeout()的用法
2016/01/28 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
react-native-fs实现文件下载、文本存储的示例代码
2017/09/22 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
2018/01/30 Javascript
使用node打造自己的命令行工具方法教程
2018/03/26 Javascript
原生JS检测CSS3动画是否结束的方法详解
2019/01/27 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
详解React 条件渲染
2020/07/08 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
Openlayers3实现车辆轨迹回放功能
2020/09/29 Javascript
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
Python与Redis的连接教程
2015/04/22 Python
用C++封装MySQL的API的教程
2015/05/06 Python
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
Python 如何在字符串中插入变量
2020/08/01 Python
PyTorch安装与基本使用详解
2020/08/31 Python
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
《金钱的魔力》教学反思
2014/02/24 职场文书
电子商务专业求职信
2014/03/08 职场文书
公证书标准格式
2014/04/10 职场文书
党支部换届选举方案
2014/05/08 职场文书
解放思想演讲稿
2014/09/11 职场文书
2014年团委工作总结
2014/11/13 职场文书
教师培训简讯
2015/07/20 职场文书
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL