弹出层提示，X秒后关闭

<!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秒后关闭的更多相关文章

一款基于jquery超炫的弹出层提示消息
今天给大家带来一款基于jquery超炫的弹出层提示消息.这款实例页面初始时,一个go按钮.当单击go按钮时,提示强出层以动画形式出现.效果图如下: 在线预览源码下载实现的代码. html代码: ...
【转】10 个很有用的 jQuery 弹出层提示插件
模态对话框为网站用户提供了快速显示信息的方法,也可以用来提示错误.警告和确认等信息,这里介绍了 10 个弹出模态对话框插件. How to Create a jQuery Confirm Dialog ...
Layer组件多个iframe弹出层打开与关闭及参数传递
一.Layer简介 Layer是一款近年来备受青睐的web弹层组件,基于jquery,易用.实用,兼容包括IE6在内的所有主流浏览器,拥有丰富强大的可自定义的功能. Layer官网地址:http:// ...
layer弹出层无法关闭问题
parent.layer.closeAll();如果关闭指定弹出层,获取对应弹出层的索引,进行关闭
牛逼的弹出层 layer ！！！
功能强大,实用,操作方便,文档齐全. http://layer.layui.com/api.html 常用功能代码: <!doctype html> <html> <he ...
非常好用的弹出层 layer，常用功能demo，快速上手！
功能强大,实用,操作方便,文档齐全. 参数灵活,丰富.可以作为开发项目的公共模块,多处使用.老文档地址:http://layer.layui.com/api.html 已经停止维护新文档地址:htt ...
弹出层-layui
type 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) 弹出层 //winIndex存储弹出层的index,以便关闭弹出层时使用 function openWindo ...
弹出层小插件之(二) layer&layui
其实layer或者layui相对于上次所说的 sweetalert来说不仅仅有弹出层,它有很多的功能,这也大大的提高了我们的开发效率,根据我们项目的实际需要的效果进行选择.下面介绍下Layer的用法吧 ...
layer官方演示与讲解（jQuery弹出层插件）
1. 使用layer遇到困难?Fly社区虔诚为您解惑 2. layer 2.0 发布,以独立形式呈现的最后一个版本 3. Fork layer on Github,爱她,就给她加个星啵当前版本:2. ...

随机推荐

C# .Net :Excel NPOI导入导出操作教程之将Excel文件读取并写到数据库表，示例分享
using (FileStream fileReader = File.OpenRead(@"C:\Users\Administrator\Desktop\112.xls")) ...
yii2创建数据表
原文地址: http://blog.csdn.net/xiaoyangxiaodong/article/details/45026865
Bubble Cup 8 finals F. Bulbo (575F)
题意: 给定初始位置,查询n次区间,每次查询前可以花费移动距离的代价来移动, 查询时需要花费当前位置到区间内最近的点的距离,求最小代价. 1<=n<=5000,1<=所有位置< ...
【Redis安装学习】
1.Redis 中文官网地址:http://www.redis.net.cn/download/ 这里只是简单的安装了下.具体的官网有详细的介绍和安装:跳转如何安装下载,解压,编译: $ wget ...
php文件锁
前言 1.锁机制之所以存在是因为并发问题导致的资源竞争,为了确保操作的有效性和完整性,可以通过锁机制将并发状态转换成串行状态.作为锁机制中的一种,PHP 的文件锁也是为了应对资源竞争.假设一个应用场景 ...
Why did I have a recovery trip
For more than a decade, I felt most at ease living out of a suitcase, never quite sure where I might ...
SqlServer 常用函数
case .. when .. then .. else .. end
string.Format格式化用法详解
1.格式化货币(跟系统的环境有关,中文系统默认格式化人民币,英文系统格式化美元) string.Format("{0:C}",0.2) 结果为:￥0.20 (英文操作系统结果:$0 ...
通过akRegionCode找到对应的程序
在Oracle EBS中,有一些程序是从上一个版本的Web开发框架(AK)转成OAF的,而这部分程序定义的功能与一般的OAF页面不同,OAF页面使用 OA.jsp?page=/oracle/apps/ ...
简单的 MessageBox
有时候我们只是想实现一个消息框,给用户一些文字提醒,就像javascript的alert那样.没必要因此动用那些庞大的GUI库,下面是几种轻快的实现方法. 1. ctypes import ctype ...

弹出层提示，X秒后关闭

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

随机推荐

热门专题