弹出层提示，X秒后关闭
Posted 淘小人官网
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了弹出层提示，X秒后关闭相关的知识，希望对你有一定的参考价值。
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript" src="F:\javasoft\ajax\jquery\jquery-1.4.1.min.js"></script> <SCRIPT LANGUAGE="JavaScript"> //contetn为要显示的内容 //height为离窗口顶部的距离 //time为多少秒后关闭的时间，单位为秒 function showTips( content, height, time ){ //窗口的宽度 var windowWidth = $(window).width(); var tipsDiv = ‘<div class="tipsClass">‘ + content + ‘</div>‘; $( ‘body‘ ).append( tipsDiv ); $( ‘div.tipsClass‘ ).css({ ‘top‘ : height + ‘px‘, ‘left‘ : ( windowWidth / 2 ) - 350/2 + ‘px‘, ‘position‘ : ‘absolute‘, ‘padding‘ : ‘3px 5px‘, ‘background‘: ‘#8FBC8F‘, ‘font-size‘ : 12 + ‘px‘, ‘margin‘ : ‘0 auto‘, ‘text-align‘: ‘center‘, ‘width‘ : ‘350px‘, ‘height‘ : ‘auto‘, ‘color‘ : ‘#fff‘, ‘opacity‘ : ‘0.8‘ }).show(); setTimeout( function(){$( ‘div.tipsClass‘ ).fadeOut();}, ( time * 1000 ) ); } </SCRIPT> </HEAD> <BODY> <input type="button" value="按钮" onclick="javascript:showTips(‘的确，初出茅庐的金正恩虽然带着祖辈、父辈的光环，顺利执掌大权。但不可否认地是，与其祖父金日成、其父金正日相比，金正恩并无明显的政绩，也无深厚的人脉网络，这也被外界认为是金正恩掌控权力的最大软肋。在此背景下，金正恩应笼络元老，积攒人脉关系，待羽翼丰满之时，再趁势改革，牢牢巩固自身的统治地位。‘,50,10);" /> <input type="button" value="按钮" onclick="javascript:showTips(‘也无深厚的人脉网络，这也被外界认为是金正恩掌控权力的最大软肋。在此背景下，金正恩应笼络元老，积攒人脉关系，待羽翼丰满之时，再趁势改革，牢牢巩固自身的统治地位。‘,50,10);" /> </BODY> </HTML>
以上是关于弹出层提示，X秒后关闭的主要内容，如果未能解决你的问题，请参考以下文章