js弹出提示信息并自动关闭

最新推荐文章于 2024-05-06 17:51:50 发布

linchunda

最新推荐文章于 2024-05-06 17:51:50 发布

阅读量6.6k

点赞数

分类专栏： JavaScript 文章标签： jquery 自动关闭提示信息

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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="按钮" οnclick="javascript:showTips('的确，初出茅庐的金正恩虽然带着祖辈、父辈的光环，顺利执掌大权。但不可否认地是，与其祖父金日成、其父金正日相比，金正恩并无明显的政绩，也无深厚的人脉网络，这也被外界认为是金正恩掌控权力的最大软肋。在此背景下，金正恩应笼络元老，积攒人脉关系，待羽翼丰满之时，再趁势改革，牢牢巩固自身的统治地位。',50,10);" />

  <input type="button" value="按钮" οnclick="javascript:showTips('也无深厚的人脉网络，这也被外界认为是金正恩掌控权力的最大软肋。在此背景下，金正恩应笼络元老，积攒人脉关系，待羽翼丰满之时，再趁势改革，牢牢巩固自身的统治地位。',50,10);" />
  
 </BODY>
</HTML>

linchunda

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js弹出提示信息并自动关闭

New Document //contetn为要显示的内容//height为离窗口顶部的距离//time为多少秒后关闭的时间，单位为秒function showTips( content, height, time ){ //窗口的宽度 var windowWidth = $(window).width(); var tipsDiv = ''
复制链接

扫一扫