title閃動的網頁訊息提醒

來源:互聯網
上載者:User

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

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.