JS實(shí)現(xiàn)閃動(dòng)的title消息提醒效果
有時(shí)候我們需要提醒用戶,有新的消息,這個(gè)可以使用下面的方法實(shí)現(xiàn)。
效果就是網(wǎng)頁(yè)窗口在沒(méi)有獲取焦點(diǎn)并且最小化的時(shí)候,網(wǎng)頁(yè)窗口的標(biāo)題欄“title”顯示的內(nèi)容為“【 】”,“【新消息】”的閃爍效果。
<script language="JavaScript">
setTimeout('flash_title()',2000); //2秒之后調(diào)用一次
function flash_title()
{
//當(dāng)窗口效果為最小化,或者沒(méi)焦點(diǎn)狀態(tài)下才閃動(dòng)
if(isMinStatus() || !window.focus)
{
newMsgCount();
}
else
{
document.title='訂單管理中心-AOOXING';//窗口沒(méi)有消息的時(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)超簡(jiǎn)潔網(wǎng)頁(yè)title標(biāo)題跑動(dòng)閃爍提示效果代碼
- javascript title閃動(dòng)效果
- javascript 帶有滾動(dòng)條的表格,標(biāo)題固定,帶排序功能.
- JS實(shí)現(xiàn)消息來(lái)時(shí)讓網(wǎng)頁(yè)標(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)頁(yè)標(biāo)題欄閃爍提示效果實(shí)例分析
- JS實(shí)現(xiàn)title標(biāo)題欄文字不間斷滾動(dòng)顯示效果
相關(guān)文章
js執(zhí)行字符串代碼的具體實(shí)現(xiàn)
這篇文章主要給大家介紹了js執(zhí)行字符串代碼的具體實(shí)現(xiàn),需要的朋友可以參考下2024-06-06
微信小程序?qū)崿F(xiàn)歷史搜索功能的全過(guò)程(h5同理)
最近在使用微信小程序開(kāi)發(fā)的時(shí)候遇到了一個(gè)需求,需要實(shí)現(xiàn)歷史搜索記錄的功能,所以下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)歷史搜索功能(h5同理)的相關(guān)資料,需要的朋友可以參考下2022-12-12
JavaScript實(shí)現(xiàn)經(jīng)典貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)經(jīng)典貪吃蛇游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
JavaScript實(shí)現(xiàn)的原生態(tài)Tab標(biāo)簽頁(yè)功能【兼容IE6】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的原生態(tài)Tab標(biāo)簽頁(yè)功能,可兼容IE6及谷歌等瀏覽器,涉及javascript事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09
JS實(shí)現(xiàn)重新加載當(dāng)前頁(yè)面或者父頁(yè)面的幾種方法
本文介紹了JS實(shí)現(xiàn)重新加載當(dāng)前頁(yè)面或者父頁(yè)面的幾種方法.需要的朋友可以參考下2016-11-11

