时间:2021-05-26
有时候我们需要提醒用户,有新的消息,这个可以使用下面的方法实现。
效果就是网页窗口在没有获取焦点并且最小化的时候,网页窗口的标题栏“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>声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS实现超简洁网页title标题跑动闪烁提示效果代码。分享给大家供大家参考,具体如下:这里演示不几行JS代码实现的网页Title文字跑动效果,类似
本文实例为大家分享了JS实现表格增删的具体代码,供大家参考,具体内容如下描述:JS——实现简单的表格增删。效果:实现:Title编 号:书
本文实例讲述了jQuery实现仿QQ头像闪烁效果的文字闪动提示代码。分享给大家供大家参考,具体如下:jQuery闪动的文字提示,仿QQ头像闪烁闪动提示,可以用于
本文实例讲述了JS实现点击文字对应DIV层不停闪动效果的方法。分享给大家供大家参考。具体分析如下:在很多娱乐网站我们经常看到这种效果,点击网页中某个方块中的文字
本文实例讲述了vue.js仿hover效果的实现方法。分享给大家供大家参考,具体如下:Title*{margin:0;padding:0;list-style: