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 相关文章推荐
判断用户是否在线的代码
Mar 05 Javascript
jQuery设置和移除文本框默认值的方法
Mar 09 Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 Javascript
浅析js中substring和substr的方法
Nov 09 Javascript
js完整倒计时代码分享
Sep 18 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
vue使用laydate时间插件的方法
Nov 14 Javascript
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 Javascript
全面解析Vue中的$nextTick
Dec 24 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
PHP页面实现定时跳转的方法
2014/10/31 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
PHP缩略图生成和图片水印制作
2017/01/07 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
JavaScript数字和字符串转换示例
2014/03/26 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
JQuery插件Marquee.js实现无缝滚动效果
2016/04/26 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
jQuery给表格添加分页效果
2017/03/02 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
angular 服务随记小结
2019/05/06 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
Windows和Linux下Python输出彩色文字的方法教程
2017/05/02 Python
Python金融数据可视化汇总
2017/11/17 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
selenium+python自动化测试之鼠标和键盘事件
2019/01/23 Python
Python configparser模块常用方法解析
2020/05/22 Python
HTML5 贪吃蛇游戏实现思路及源代码
2013/09/03 HTML / CSS
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
大学毕业生通用自荐信范文
2013/10/31 职场文书
应届毕业生自我评价分享
2013/12/15 职场文书
军训生自我鉴定范文
2013/12/27 职场文书
2014年入党积极分子党课学习心得体会模板
2014/04/03 职场文书
信用社主任竞聘演讲稿
2014/05/23 职场文书
五心教育心得体会
2014/09/04 职场文书
2014年社区工作总结
2014/11/18 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
餐厅如何利用“营销策略”扭转亏本局面
2019/10/15 职场文书
apache ftpserver搭建ftp服务器
2022/05/20 Servers
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技