jquery 通知页面变化

var PageTitleNotification = {
    Vars: {
        OriginalTitle: document.title,
        Interval: null,
        IsNotificationEnabled: false
    },
    On: function (notification, intervalSpeed) {
        var _this = this;
        _this.Vars.Interval = setInterval(function () {
            document.title = (_this.Vars.OriginalTitle == document.title)
                                ? notification
                                : _this.Vars.OriginalTitle;
        }, (intervalSpeed) ? intervalSpeed : 1000);
    },
    Off: function () {
        clearInterval(this.Vars.Interval);
        document.title = this.Vars.OriginalTitle;
    }
}
$(window).focus(function () {
     PageTitleNotification.IsNotificationEnabled = false;
     PageTitleNotification.Off();
});

$(window).blur(function () {
     PageTitleNotification.IsNotificationEnabled = true;
});
if (PageTitleNotification.IsNotificationEnabled)
    PageTitleNotification.On("New Chat Message!");
时间: 2024-10-10 00:53:27

jquery 通知页面变化的相关文章

jQuery Mobile 页面事件

jQuery Mobile 页面事件 在 jQuery Mobile 中与页面打交道的事件被分为四类: Page Initialization - 在页面创建前,当页面创建时,以及在页面初始化之后 Page Load/Unload - 当外部页面加载时.卸载时或遭遇失败时 Page Transition - 在页面过渡之前和之后 Page Change - 当页面被更改,或遭遇失败时 jQuery Mobile Initialization 事件 当 jQuery Mobile 中的一张典型页面

网站后台发通知页面效果图

网站后台发通知页面效果图: 代码: @model Dw.Entity.Notifications @using Dw.Web @{ ViewBag.Title = "Notifications>表单页面"; Layout = "~/Views/Shared/_LayoutForm.cshtml"; } <script type="text/javascript"> $(function () { GetUserGroupTree

noty – jQuery通知插件

noty是一个jQuery的通知(信息提示)插件,灵活轻便,是一个非常棒的用于替代传统提示对话框的插件. 当前最新版本为2.1.0: 从 https://github.com/needim/noty 可以获取最新源代码. 布局样式 支持的提示样式,每种样式都有预定义好的css样式: alert: 默认的提示样式 success: 成功 error: 错误 warning: 警告 information: 信息 支持的布局位置: top: 顶部,长条状 topLeft/topCenter/topR

jQuery通知插件 -- noty

noty是一个jQuery的通知(信息提示)插件,灵活轻便,是一个非常棒的用于替代传统提示对话框的插件. 当前最新版本为2.1.0: 从https://github.com/needim/noty 可以获取最新源代码. 布局样式 支持的提示样式,每种样式都有预定义好的css样式: alert: 默认的提示样式 success: 成功 error: 错误 warning: 警告 information: 信息 支持的布局位置: top: 顶部,长条状 topLeft/topCenter/topRi

jQuery实现页面内锚点平滑跳转

平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”. 效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htm HTML文件代码: <!DOCTYPE html> <html> <head> <meta charset=

Jquery Ajax 页面局部更新

Ajax 是一个异步过程,页面中的一部分代码发出一个网络请求,在里面设置一个回调函数,如果网络请求得到返回,那么执行回调函数.在回调函数中的上下文和时间触发的上下文会有所不同,在jquery中的应用需求大多数时候是这样的.比如我点击了一个按钮,这个按钮是一个 tr 中的 td 中的内容,我可以通过这个点击时间确定当前行的任何属性,或者确定当前也面中的任何一个属性,只要这个页面的布局是又某种可控的过滤的话.需要实用到this关键字.还有就是 find() 方法.比如this.parent().fi

用谷歌浏览器Chrome浏览jQuery Mobile页面需要配置Tomcat服务器

在浏览jQuery Mobile 页面中,除了 Chrome浏览器出错外,其他的浏览器都ok: 这里,是因为需要单独配置 Tomcat 服务: 1.先配置java jdk: 2.下载,安装,配置,Tomcat 服务器(直接去官网下载 zip 版本就OK,然后\bin文件夹下,可以找到startup.bat文件) 配置: 在环境变量中,添加 变量名:CATALINA_HOME 变量值:刚刚安装的路径(或者解压后的路径......apache-tomcat-8.0.28\)就ok了: 配置好后,然后

02.Jquery Mobile介绍以及Jquery Mobile页面与对话框

一.为什么要学Jquery Mobile   JqueryMobile 是jquery的移动版本,懂基本的jquery知识,会简单的html+css就可以完成很多复杂的功能,还有就是这个框架在企业中用的也是比较多的   二.Adobe Dreamweaver CS6 环境搭建以及软件破解   软件安装步骤:   http://www.phonegap100.com/article-79-1.html            软件下载链接地址:   http://bbs.phonegap100.co

通过javascript库JQuery实现页面跳转功能代码

通过javascript库JQuery实现页面跳转功能代码的四段代码实例如下. 实例1: 1 2 3 4 $(function(){ var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转 }); 实例2: 实现跳转:window.location = 'user!add.