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一句话全选/取消全选
Mar 01 Javascript
IE关闭时判断及AJAX注销案例学习
Feb 18 Javascript
jQuery插件zoom实现图片全屏放大弹出层特效
Apr 15 Javascript
JavaScript数组方法大全(推荐)
Jul 05 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
Dec 14 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
Aug 16 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
Oct 20 Javascript
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
Apr 13 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制作静态网站的模板框架(二)
2006/10/09 PHP
php实现的Timer页面运行时间监测类
2014/09/24 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
JS解析XML实例分析
2015/01/30 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
JS学习之表格的排序简单实例
2016/05/16 Javascript
前端弹出对话框 js实现ajax交互
2016/09/09 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
2018/02/23 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
2018/04/04 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
[44:04]OG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python读取TXT到数组及列表去重后按原来顺序排序的方法
2015/06/26 Python
python如何通过protobuf实现rpc
2016/03/06 Python
python对html过滤处理的方法
2018/10/21 Python
基于pytorch 预训练的词向量用法详解
2020/01/06 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
简单了解Django项目应用创建过程
2020/07/06 Python
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
英语专业学生的自我评价
2013/12/30 职场文书
全国道德模范事迹
2014/02/01 职场文书
公积金接收函格式
2015/01/30 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
工程服务质量承诺书
2015/04/29 职场文书
nginx限制并发连接请求数的方法
2021/04/01 Servers
Python一些基本的图像操作和处理总结
2021/06/23 Python