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可访问其它域名的cookie的方法
Sep 18 Javascript
ext 同步和异步示例代码
Sep 18 Javascript
基于jquery的button默认enter事件(回车事件)。
May 18 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
javascript实现的DES加密示例
Oct 30 Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
编写高质量JavaScript代码的基本要点
Mar 02 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
AngularJS入门教程之双向绑定详解
Aug 18 Javascript
Angular整合zTree的示例代码
Jan 24 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
Aug 03 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 foreach循环使用详解与实例代码
2010/05/08 PHP
php笔记之:有规律大文件的读取与写入的分析
2013/04/26 PHP
php表单请求获得数据求和示例
2014/05/15 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
laravel Validator ajax返回错误信息的方法
2019/09/29 PHP
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
使用JS组件实现带ToolTip验证框的实例代码
2017/08/23 Javascript
Vue的百度地图插件尝试使用
2017/09/06 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
Node.js爬取豆瓣数据实例分析
2018/03/05 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
python读取注册表中值的方法
2013/04/08 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
numpy:np.newaxis 实现将行向量转换成列向量
2019/11/30 Python
浅谈Python3实现两个矩形的交并比(IoU)
2020/01/18 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
德国高性价比网上药店:medpex
2017/07/09 全球购物
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
几个Linux面试题笔试题
2012/12/01 面试题
党的生日演讲稿
2014/09/10 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
PyTorch中的torch.cat简单介绍
2022/03/17 Python