html 新消息title闪动实现
JS代码如下
<script type="text/javascript">
setTimeout('flash_title()', 2000); //2秒之后调用一次
function flash_title() {
//当窗口效果为最小化,或者没焦点状态下才闪动
if (isMinStatus() || !window.focus) {
newMsgCount();
} else {
document.title = '测试DEMO';//窗口没有消息的时候默认的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>