html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

JS实现闪动的title消息提醒效果_javascript技巧_

[ ] 已经帮助:人解决问题

有时候我们需要提醒用户,有新的消息,这个可以使用下面的方法实现。HFwHTML5中文学习网 - HTML5先行者学习网

效果就是网页窗口在没有获取焦点并且最小化的时候,网页窗口的标题栏“title”显示的内容为“【 】”,“【新消息】”的闪烁效果。HFwHTML5中文学习网 - HTML5先行者学习网

<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>

HFwHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助