弹出层提示,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  淘小人  阅读(647)  评论(0编辑  收藏  举报