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

    　　

posted @ 2016-09-14 10:18  淘小人  阅读(646)  评论(0)  编辑  收藏  举报