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 对表格的行和列都能加亮显示
Dec 26 Javascript
JS将表单导出成EXCEL的实例代码
Nov 11 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
canvas学习之API整理笔记(一)
Dec 29 Javascript
微信小程序实现图片懒加载的示例代码
Dec 13 Javascript
vue项目base64字符串转图片的实现代码
Jul 13 Javascript
ionic2.0双击返回键退出应用
Sep 17 Javascript
Vue中图片Src使用变量的方法
Oct 30 Javascript
electron 如何将任意资源打包的方法步骤
Apr 16 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
May 14 Javascript
JavaScript 生成唯一ID的几种方式
Feb 19 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
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
thinkPHP模型初始化实例分析
2015/12/03 PHP
php函数式编程简单示例
2019/08/08 PHP
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
js实现右键菜单功能
2016/11/28 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
100行代码理解和分析vue2.0响应式架构
2017/03/09 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
微信小程序实现发送验证码按钮效果
2018/12/20 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
Element InfiniteScroll无限滚动的具体使用方法
2020/07/27 Javascript
在Python中用get()方法获取字典键值的教程
2015/05/21 Python
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
python批量爬取下载抖音视频
2019/06/17 Python
python二进制文件的转译详解
2019/07/03 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
PHP如何去执行一个SQL语句
2016/03/05 面试题
顶岗实习计划书
2014/01/10 职场文书
中班开学寄语
2014/04/04 职场文书
实习生岗位职责
2014/04/12 职场文书
我的中国梦演讲稿500字
2014/08/19 职场文书
无子女夫妻离婚协议书(4篇)
2014/10/20 职场文书
2014年节能工作总结
2014/12/18 职场文书
孟佩杰观后感
2015/06/17 职场文书
环保建议书作文400字
2015/09/14 职场文书
小学数学教师研修日志
2015/11/13 职场文书
2016教师国培研修感言
2015/12/08 职场文书
利用python实时刷新基金估值(摸鱼小工具)
2021/09/15 Python