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代码
Jul 01 Javascript
在Javascript里访问SharePoint列表数据的实现方法
May 22 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 Javascript
JavaScript代码实现左右上下自动晃动自动移动
Apr 08 Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 Javascript
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
vue.js中过滤器的使用教程
Jun 08 Javascript
详解用node.js实现简单的反向代理
Jun 26 Javascript
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
Node.js 路由的实现方法
Jun 05 Javascript
微信小程序 行的删除和增加操作实现详解
Sep 29 Javascript
jQuery实现电梯导航模块
Dec 22 jQuery
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
mac下Apache + MySql + PHP搭建网站开发环境
2014/06/02 PHP
php基本函数汇总
2015/07/09 PHP
使用PHP json_decode可能遇到的坑与解决方法
2017/08/03 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
JavaScript自定义事件介绍
2013/08/29 Javascript
jquery自定义滚动条插件示例分享
2014/02/21 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
Javascript中replace()小结
2015/09/30 Javascript
JavaScript实现标题栏文字轮播效果代码
2015/10/24 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
移动端横屏的JS代码(beta)
2016/05/16 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
vue使用xe-utils函数库的具体方法
2018/03/06 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
express 项目分层实践详解
2018/12/10 Javascript
javascript实现日历效果
2019/06/17 Javascript
解决vue一个页面中复用同一个echarts组件的问题
2020/07/19 Javascript
ES6学习教程之Promise用法详解
2020/11/22 Javascript
在Docker上开始部署Python应用的教程
2015/04/17 Python
django实现用户登陆功能详解
2017/12/11 Python
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
python 解压pkl文件的方法
2018/10/25 Python
Python获取Redis所有Key以及内容的方法
2019/02/19 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
Python autoescape标签用法解析
2020/01/17 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
日本最大的眼镜购物网站:Oh My Glasses
2016/11/13 全球购物
飞利浦法国官网:Philips法国
2019/07/10 全球购物
导游词之张家口
2019/12/13 职场文书
提高系统的吞吐量解决数据库重复写入问题
2022/04/23 MySQL