一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery 网页提示信息实现代码

时间:2013-12-24 编辑:简简单单 来源:一聚教程网

出于需要,写了一段 jQuery 代码,来实现以下功能:

1.错误提示信息显示在浏览器中央。
2.这条信息在3秒后自动消失。

jQuery将元素绝对居中的关键代码:

 代码如下 复制代码

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
}

之后就可以这样使用:

 代码如下 复制代码

    $('.messages').center();


完整代码如下:

 代码如下 复制代码




 
  显示在浏览器中央的错误信息
 
 
 


 

错误信息,
3秒后隐藏。

 

热门栏目