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>

    　　

弹出层提示，X秒后关闭的更多相关文章

  1. 一款基于jquery超炫的弹出层提示消息

    今天给大家带来一款基于jquery超炫的弹出层提示消息.这款实例页面初始时,一个go按钮.当单击go按钮时,提示强出层以动画形式出现.效果图如下: 在线预览   源码下载 实现的代码. html代码: ...

  2. 【转】10 个很有用的 jQuery 弹出层提示插件

    模态对话框为网站用户提供了快速显示信息的方法,也可以用来提示错误.警告和确认等信息,这里介绍了 10 个弹出模态对话框插件. How to Create a jQuery Confirm Dialog ...

  3. Layer组件多个iframe弹出层打开与关闭及参数传递

    一.Layer简介 Layer是一款近年来备受青睐的web弹层组件,基于jquery,易用.实用,兼容包括IE6在内的所有主流浏览器,拥有丰富强大的可自定义的功能. Layer官网地址:http:// ...

  4. layer弹出层无法关闭问题

    parent.layer.closeAll();如果关闭指定弹出层,获取对应弹出层的索引,进行关闭

  5. 牛逼的 弹出层 layer ！！！

    功能强大,实用,操作方便,文档齐全. http://layer.layui.com/api.html 常用功能代码: <!doctype html> <html> <he ...

  6. 非常好用的弹出层 layer，常用功能demo，快速上手！

    功能强大,实用,操作方便,文档齐全. 参数灵活,丰富.可以作为开发项目的公共模块,多处使用.老文档地址:http://layer.layui.com/api.html 已经停止维护 新文档地址:htt ...

  7. 弹出层-layui

    type 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) 弹出层 //winIndex存储弹出层的index,以便关闭弹出层时使用 function openWindo ...

  8. 弹出层小插件之(二) layer&layui

    其实layer或者layui相对于上次所说的 sweetalert来说不仅仅有弹出层,它有很多的功能,这也大大的提高了我们的开发效率,根据我们项目的实际需要的效果进行选择.下面介绍下Layer的用法吧 ...

  9. layer官方演示与讲解（jQuery弹出层插件）

    1. 使用layer遇到困难?Fly社区虔诚为您解惑 2. layer 2.0 发布,以独立形式呈现的最后一个版本 3. Fork layer on Github,爱她,就给她加个星啵 当前版本:2. ...

随机推荐

  1. RF Firefox Profile

    默认情况下,robot framework是启动不带任何配置信息的firefox,如果需要启动带有profile的话,增加一个参数即可,如 Open Browser https://aws-qa5.i ...

  2. Html中自定义鼠标的形状

    Html中自定义鼠标的形状 <html> <head> <title>自定义的鼠标形状</title> <meta http-equiv=&quo ...

  3. UP Board USB无线网卡一贴通

    前言 原创文章,转载引用务必注明链接,水平有限,欢迎指正. 本文环境:ubilinux 3.0 kernel 4.4.0 本文使用Markdown写成,为获得更好的阅读体验和正常的图片.链接,请访问我 ...

  4. 【原创】贴个dirtycow（脏牛漏洞）不死机的exploit

    dirtycow官网上几个获得rootshell的exp大都会导致机器死机,在原作者的基础上改进了一下,做个记录: /* * (un)comment correct payload first (x8 ...

  5. 中国计算机学会CCF推荐国际学术会议

    中国计算机学会推荐国际学术会议 (计算机系统与高性能计算) 一.A类 序号 会议简称 会议全称 出版社 网址 1 ASPLOS Architectural Support for Programmin ...

  6. Android中使用ShareSDK集成分享功能

    引言      现在APP开发集成分享功能已经是非常普遍的需求了.其他集成分享技术我没有使用过,今天我就来介绍下使用ShareSDK来进行分享功能开发的一些基本步骤和注意点,帮助朋友们避免一些坑.好了 ...

  7. 【转】FlashBack总结之闪回查询与闪回表

    本文主要介绍利用UNDO表空间的闪回技术,主要包括:闪回表,闪回版本查询,闪回事务查询,闪回查询.这些闪回技术实现从回滚段中读取表中一定时间内操作过的数据,可用来进行数据比对,或者修正意外提交造成的错 ...

  8. vue2.0实战

    学了几周的vue2.0,终于有时间去做一个应用了. 为了全面联系相关知识,所以用到了vue-router,以及作者最新推荐的axios,组件库用的是饿了么的mint-ui2.0. 项目构建使用官方vu ...

  9. 【新手出发】从搭虚拟机开始，一步一步在CentOS上跑起来.Net Core程序

    文章背景 微软6月26号发布core 1.0版本后,园子里关于这方面的文章就更加火爆了,不管是从文章数量还是大家互动的热情来看,绝对是最热门的技术NO.1.我从去年底开始接触.net core到现在也 ...

  10. 关于三层架构与MVC的一些理解

    刚毕业的时候,参与了一个上位机的系统开发.上位机所使用的是.net Windows Form技术. 当时,和一个北理的姑娘在一个项目组里.因为她来公司时间比较长,而且经验比较丰富,所以,上位机的架构由 ...