JS實(shí)現(xiàn)閃動(dòng)的title消息提醒效果
更新時(shí)間:2014年06月20日 09:17:13 投稿:junjie
這篇文章主要介紹了JS實(shí)現(xiàn)閃動(dòng)的title消息提醒效果,考慮并兼容了大部份的瀏覽器,需要的朋友可以參考下
有時(shí)候我們需要提醒用戶,有新的消息,這個(gè)可以使用下面的方法實(shí)現(xiàn)。
效果就是網(wǎng)頁窗口在沒有獲取焦點(diǎn)并且最小化的時(shí)候,網(wǎng)頁窗口的標(biāo)題欄“title”顯示的內(nèi)容為“【 】”,“【新消息】”的閃爍效果。
<script language="JavaScript"> setTimeout('flash_title()',2000); //2秒之后調(diào)用一次 function flash_title() { //當(dāng)窗口效果為最小化,或者沒焦點(diǎn)狀態(tài)下才閃動(dòng) if(isMinStatus() || !window.focus) { newMsgCount(); } else { document.title='訂單管理中心-AOOXING';//窗口沒有消息的時(shí)候默認(rèn)的title內(nèi)容 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>
您可能感興趣的文章:
- JS實(shí)現(xiàn)超簡潔網(wǎng)頁title標(biāo)題跑動(dòng)閃爍提示效果代碼
- javascript title閃動(dòng)效果
- javascript 帶有滾動(dòng)條的表格,標(biāo)題固定,帶排序功能.
- JS實(shí)現(xiàn)消息來時(shí)讓網(wǎng)頁標(biāo)題閃動(dòng)效果的方法
- JS動(dòng)態(tài)改變?yōu)g覽器標(biāo)題的方法
- JavaScript實(shí)現(xiàn)標(biāo)題欄文字輪播效果代碼
- js實(shí)現(xiàn)網(wǎng)頁標(biāo)題欄閃爍提示效果實(shí)例分析
- JS實(shí)現(xiàn)title標(biāo)題欄文字不間斷滾動(dòng)顯示效果
相關(guān)文章
微信小程序換膚功能實(shí)現(xiàn)代碼(思路詳解)
這篇文章主要介紹了微信小程序換膚功能實(shí)現(xiàn)代碼,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-08-08Flex通過JS獲取客戶端IP和計(jì)算機(jī)名的實(shí)例代碼
這篇文章主要介紹了Flex通過JS獲取客戶端IP和計(jì)算機(jī)名的實(shí)例代碼,有需要的朋友可以參考一下2013-11-11js+css實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05JS檢測頁面中哪個(gè)HTML標(biāo)簽觸發(fā)點(diǎn)擊事件的方法
這篇文章主要介紹了JS檢測頁面中哪個(gè)HTML標(biāo)簽觸發(fā)點(diǎn)擊事件的方法,涉及javascript頁面元素事件響應(yīng)機(jī)制,需要的朋友可以參考下2016-06-06