Welcome 微信登录

首页 / 脚本样式 / JavaScript / 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>