有時候我們需要提醒使用者,有新的訊息,這個可以使用下面的方法實現。
效果就是網頁視窗在沒有擷取焦點並且最小化的時候,網頁視窗的標題列“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>