title闪动的网页消息提醒
2011-09-14 00:00
549 查看
有时候我们需要提醒用户,有新的消息,这个可以使用下面的方法实现。
效果就是网页窗口在没有获取焦点并且最小化的时候,网页窗口的标题栏“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>
相关文章推荐
- JS实现闪动的title消息提醒效果
- 让title闪动起来:新消息提醒
- JS实现闪动的title消息提醒效果
- title闪动:新消息提醒
- QQ揭秘:如何实现托盘闪动消息提醒?【低调赠送:QQ高仿版GG 4.1 最新源码】
- 消息来时让网页标题闪动
- 网页即时消息系统_任务栏闪动
- 制作一个html中闪动的title 来提示消息
- 一个JS函数搞定网页标题(title)闪动效果
- 如何写一个网页标题title的闪动提示
- Js 实现消息来时让网页标题闪动
- 可在广域网部署运行的QQ高仿版 -- GG2014 完美版!新增支持:聊天记录、好友分组、托盘闪动消息提醒、登录状态、GIF动态表情
- 一个JS函数搞定网页标题(title)闪动效果
- js桌面消息提示和title提醒
- js实现网页新消息标题闪烁提醒
- 结合C++,网页实现消息即时提醒(桌面右下角弹窗)
- 如何写一个网页标题title的闪动提示
- JS实现消息来时让网页标题闪动效果的方法
- html 新消息title闪动实现
- JS Message 网页消息提醒