DIV CSS 佈局教程網

有時候我們需要提醒用戶，有新的消息，這個可以使用下面的方法實現。

效果就是網頁窗口在沒有獲取焦點並且最小化的時候，網頁窗口的標題欄“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>