弹出层提示，X秒后关闭

1. <!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>