• 网页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> 


  • 相关阅读:
    SpringMVC-Day1 (课题有用)
    Spring-Day3
    Spring-Day2
    fix mac
    新西兰产假(陪产假)
    nz 国内航空
    英文句子
    centos7.2安装swoole扩展
    linux搭建vue框架部署环境
    微信扫描带参数二维码事件
  • 原文地址:https://www.cnblogs.com/u_xiaomo/p/newMsgNotice.html
Copyright © 2020-2023  润新知