• 弹出层提示,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:javasoftajaxjqueryjquery-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> 
                
      

        

  • 相关阅读:
    【PyQt5-Qt Designer】对话框系列
    【PyQt5-Qt Designer】界面布局
    【PyQt5-Qt Designer】PyQt5+eric6 安装和配置
    【PyQt5-Qt Designer】QMessageBox 弹出框总结
    【PyQt5-Qt Designer】鼠标+键盘事件
    【PyQt5-Qt Designer】猜数字(小项目)
    【PyQt5-Qt Designer】浅谈关闭窗口
    【PyQt5-Qt Designer】窗口操作
    【python基础】利用pandas处理Excel数据
    【python基础】os.path模块常用方法详解
  • 原文地址:https://www.cnblogs.com/blogs2014/p/5870892.html
Copyright © 2020-2023  润新知