JS réalise les compétences d'effet_javascript de rappel de message de titre clignotant-js tutoriel-php.cn

JS réalise les compétences d'effet_javascript de rappel de message de titre clignotant

WBOY

Libérer： 2016-05-16 16:43:44

original

1591 Les gens l'ont consulté

Parfois, nous devons rappeler aux utilisateurs qu'il y a de nouvelles nouvelles. Cela peut être réalisé en utilisant la méthode suivante.

L'effet est que lorsque la fenêtre de la page Web n'obtient pas le focus et est réduite, la barre de titre "titre" de la fenêtre de la page Web affiche le contenu de "[ ]" et "[Nouveau message]".

<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>

Copier après la connexion