欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)閃動的title消息提醒效果

 更新時間:2014年06月20日 09:17:13   投稿:junjie  
這篇文章主要介紹了JS實現(xiàn)閃動的title消息提醒效果,考慮并兼容了大部份的瀏覽器,需要的朋友可以參考下

有時候我們需要提醒用戶,有新的消息,這個可以使用下面的方法實現(xiàn)。

效果就是網(wǎng)頁窗口在沒有獲取焦點并且最小化的時候,網(wǎng)頁窗口的標(biāo)題欄“title”顯示的內(nèi)容為“【 】”,“【新消息】”的閃爍效果。

<script language="JavaScript"> 
setTimeout('flash_title()',2000); //2秒之后調(diào)用一次
function flash_title() 
{ 
  //當(dāng)窗口效果為最小化,或者沒焦點狀態(tài)下才閃動
  if(isMinStatus() || !window.focus)
  {
    newMsgCount();
  }
  else
  {
    document.title='訂單管理中心-AOOXING';//窗口沒有消息的時候默認的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>

相關(guān)文章

  • 詳解js跨域原理以及2種解決方案

    詳解js跨域原理以及2種解決方案

    這篇文章主要介紹了js跨域原理以及解決方案,跨域問題是由于javascript語言安全限制中的同源策略造成的,想要進一步了解跨域的朋友可以參考本文進行學(xué)習(xí)
    2015-12-12
  • 微信小程序換膚功能實現(xiàn)代碼(思路詳解)

    微信小程序換膚功能實現(xiàn)代碼(思路詳解)

    這篇文章主要介紹了微信小程序換膚功能實現(xiàn)代碼,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-08-08
  • Flex通過JS獲取客戶端IP和計算機名的實例代碼

    Flex通過JS獲取客戶端IP和計算機名的實例代碼

    這篇文章主要介紹了Flex通過JS獲取客戶端IP和計算機名的實例代碼,有需要的朋友可以參考一下
    2013-11-11
  • JS類的定義與使用方法深入探索

    JS類的定義與使用方法深入探索

    這篇文章主要介紹了JS類的定義與使用方法,結(jié)合實例形式深入分析了javascript類的定義與屬性、方法的調(diào)用技巧,需要的朋友可以參考下
    2016-11-11
  • JS出現(xiàn)404錯誤原理及解決方案

    JS出現(xiàn)404錯誤原理及解決方案

    這篇文章主要介紹了JS出現(xiàn)404錯誤原理及解決方案,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-07-07
  • js+css實現(xiàn)飛機大戰(zhàn)游戲

    js+css實現(xiàn)飛機大戰(zhàn)游戲

    這篇文章主要為大家詳細介紹了js+css實現(xiàn)飛機大戰(zhàn)游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-05-05
  • 詳解JavaScript的流程控制語句

    詳解JavaScript的流程控制語句

    這篇文章主要介紹了JavaScript的流程控制語句,感興趣的小伙伴們可以參考一下
    2015-11-11
  • 微信小程序選擇器組件picker簡單入門

    微信小程序選擇器組件picker簡單入門

    微信小程序picker表單選擇器的使用,根據(jù)官方介紹的有點不清楚,下面這篇文章主要給大家介紹了關(guān)于微信小程序選擇器組件picker的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-03-03
  • Javascript原型鏈的原理詳解

    Javascript原型鏈的原理詳解

    這篇文章主要介紹了Javascript原型鏈的原理,結(jié)合實例形式深入分析了JavaScript原型鏈的原理與使用技巧,需要的朋友可以參考下
    2016-01-01
  • JS檢測頁面中哪個HTML標(biāo)簽觸發(fā)點擊事件的方法

    JS檢測頁面中哪個HTML標(biāo)簽觸發(fā)點擊事件的方法

    這篇文章主要介紹了JS檢測頁面中哪個HTML標(biāo)簽觸發(fā)點擊事件的方法,涉及javascript頁面元素事件響應(yīng)機制,需要的朋友可以參考下
    2016-06-06

最新評論