网页title闪动-JavaScript实现消息提醒

效果就是网页窗口在没有获取焦点并且最小化的时候，网页窗口的标题栏“title”显示的内容为“【 】”，“【新消息】”的闪烁效果。

代码

< script language = " JavaScript " >  

setTimeout( ' flash_title() ' , 2000 );  // 2秒之后调用一次
function  flash_title()  
{ 
     // 当窗口效果为最小化，或者没焦点状态下才闪动
     if (isMinStatus()  ||   ! window.focus)
    {
        newMsgCount();
    }
     else
    {
        document.title = ' 订单管理中心-AOOXING ' ; // 窗口没有消息的时候默认的title内容
        window.clearInterval();
    }
} 
// 消息提示
var  flag = false ;
function  newMsgCount(){
     if (flag){
        flag = false ;
        document.title = ' 【新订单】 ' ;
    } else {
        flag = true ;
        document.title = ' 【　　　】 ' ;
    }
    window.setTimeout( ' flash_title(0) ' , 380 ); 
}
// 判断窗口是否最小化
// 在Opera中还不能显示
var  isMin  =   false ;
function  isMinStatus() {
     // 除了Internet Explorer浏览器，其他主流浏览器均支持Window outerHeight 和outerWidth 属性
     if (window.outerWidth  !=  undefined  &&  window.outerHeight  !=  undefined){
        isMin  =  window.outerWidth  <=   160   &&  window.outerHeight  <=   27 ;
    } else {
        isMin  =  window.outerWidth  <=   160   &&  window.outerHeight  <=   27 ;
    }
     // 除了Internet Explorer浏览器，其他主流浏览器均支持Window screenY 和screenX 属性
     if (window.screenY  !=  undefined  &&  window.screenX  !=  undefined ){
        isMin  =  window.screenY  <   - 30000   &&  window.screenX  <   - 30000 ; // FF Chrome             
    } else {
        isMin  =  window.screenTop  <   - 30000   &&  window.screenLeft  <   - 30000 ; // IE
    }
     return  isMin;
}
< / script> 

转载于:https://www.cnblogs.com/u_xiaomo/archive/2010/07/31/newMsgNotice.html