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之querySelector和querySelectorAll使用说明
Oct 09 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
如何在Linux上安装Node.js
Apr 01 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
JS实现倒计时(天数、时、分、秒)
Nov 16 Javascript
深入理解JavaScript中的预解析
Jan 04 Javascript
详解如何运行vue项目
Apr 15 Javascript
手写Vue弹窗Modal的实现代码
Sep 11 Javascript
js实现图片跟随鼠标移动效果
Oct 16 Javascript
javascript 对象 与 prototype 原型用法实例分析
Nov 11 Javascript
Vue3中的Refs和Ref详情
Nov 11 Vue.js
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
JAVA/JSP学习系列之七
2006/10/09 PHP
php实现微信公众号无限群发
2015/10/11 PHP
php xhprof使用实例详解
2019/04/15 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
JS实现简单路由器功能的方法
2015/05/27 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
JavaScript中的splice方法用法详解
2016/07/20 Javascript
浅谈Web页面向后台提交数据的方式和选择
2016/09/23 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
微信小程序 获取session_key和openid的实例
2017/08/17 Javascript
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
Python笔记(叁)继续学习
2012/10/24 Python
Python单链表的简单实现方法
2014/09/23 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
Python实现打包成库供别的模块调用
2020/07/13 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
2019/04/28 HTML / CSS
新西兰航空中国官网:Air New Zealand China
2018/07/24 全球购物
电工技术比武方案
2014/05/11 职场文书
分公司任命书
2014/06/06 职场文书
安全标语大全
2014/06/10 职场文书
2014年庆祝国庆65周年演讲稿
2014/09/21 职场文书
校园运动会广播稿
2014/10/06 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书