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 相关文章推荐
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
JAVASCRIPT  THIS详解 面向对象
Mar 25 Javascript
CCPry JS类库 代码
Oct 30 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
Oct 14 Javascript
webapp框架AngularUI的demo改造之路
Dec 21 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
Angularjs 事件指令详细整理
Jul 27 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
Jan 05 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 Javascript
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 Javascript
JavaScript实现缓动动画
Nov 25 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连mysql和oracle数据库性能比较
2006/10/09 PHP
php生成WAP页面
2006/10/09 PHP
解决phpcms更换javascript的幻灯片代码调用图片问题
2014/12/26 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
javascript数组去掉重复
2011/05/12 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
2013/04/21 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
Mongoose经常返回e11000 error的原因分析
2017/03/29 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
javascript 中模板方法单例的实现方法
2017/10/17 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
JS实现的合并两个有序链表算法示例
2019/02/25 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
[02:32]DOTA2英雄基础教程 美杜莎
2014/01/07 DOTA
python二分法实现实例
2013/11/21 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
对python 命令的-u参数详解
2018/12/03 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
python mock测试的示例
2020/10/19 Python
大四毕业生学习总结的自我评价
2013/10/31 职场文书
酒店司机岗位职责
2013/12/14 职场文书
军训自我鉴定怎么写
2014/02/13 职场文书
应届硕士毕业生自荐信
2014/05/26 职场文书
幼儿老师求职信
2014/06/30 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
2014年公务员工作总结
2014/11/18 职场文书
预备党员介绍人意见
2015/06/01 职场文书
实践论读书笔记
2015/06/29 职场文书