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操作xml
Nov 04 Javascript
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
JavaScript面象对象设计
Apr 28 Javascript
js+JQuery返回顶部功能如何实现
Dec 03 Javascript
jQuery ajax dataType值为text json探索分享
Sep 23 Javascript
JavaScript获取路径设计源码
May 22 Javascript
javascript获取系统当前时间的方法
Nov 19 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
Apr 12 Javascript
vue实现nav导航栏的方法
Dec 13 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
浅谈vuex的基本用法和mapaction传值问题
Nov 08 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下将多个数组合并成一个数组的方法与实例代码
2011/02/03 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
php文本转图片自动换行的方法
2013/03/13 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
动手学习无线电
2021/03/10 无线电
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
2016/06/12 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
Vue双向绑定实现原理与方法详解
2020/05/07 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
Django admin.py 在修改/添加表单界面显示额外字段的方法
2019/08/22 Python
python与pycharm有何区别
2020/07/01 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
台湾团购、宅配和优惠券:17Life
2017/08/14 全球购物
雅诗兰黛香港官网:Estee Lauder香港
2017/09/26 全球购物
Brydge英国:适用于Apple iPad和Microsoft Surface Pro的蓝牙键盘
2019/05/16 全球购物
优秀演讲稿范文
2013/12/29 职场文书
电信营业员自我评价分享
2014/01/17 职场文书
交通事故协议书
2014/04/15 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
2014教师研修学习体会
2014/07/08 职场文书
在职员工证明书
2014/09/19 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
python实现简单区块链结构
2021/04/25 Python
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python
Python实现科学占卜 让视频自动打码
2022/04/09 Python