弹出层提示，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>