首页 > 代码库 > 弹出层提示,X秒后关闭

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

      

弹出层提示,X秒后关闭