这篇文章主要介绍了JS实现闪动的title消息提醒效果,考虑并兼容了大部份的浏览器,需要的朋友可以参考下

有时候我们需要提醒用户,有新的消息,这个可以使用下面的方法实现。

效果就是网页窗口在没有获取焦点并且最小化的时候,网页窗口的标题栏“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>
最新资讯
这个由女性数学家创建的理论,重塑了物理学今天的面貌

这个由女性数学家创建

在女性被认为智力不如男性的时代,诺特赢得了男同事的钦
喝咖啡能减少癌症死亡?研究发现,咖啡与结肠癌患者生存期改善有关

喝咖啡能减少癌症死亡

研究结果显示,在晚期或转移性结直肠癌患者中,咖啡饮用量
你睡得好吗?新研究发现,长期睡眠不佳,埋下阿尔茨海默病的隐患

你睡得好吗?新研究发现

越来越多的科学研究证明,睡眠不足给身心健康都会带来深
感觉到冷别硬抗,小心骨骼受损!

感觉到冷别硬抗,小心骨

通过流行病学分析、实验以及先进的宏基因组和代谢组学
在肿瘤治疗领域,为何它是半路杀出的黑马?

在肿瘤治疗领域,为何它

外泌体作为介入肿瘤生长及转移一系列过程的“忠臣”,成
-80℃的液态水被发现,由“两种液体”组成且稳定存在

-80℃的液态水被发现,

科学家首次观测到极冷液态水以两种显著不同的结构共存
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,