JS实现消息来时让网页标题闪动效果的方法_javascript技巧

本文实例讲述了JS实现消息来时让网页标题闪动效果的方法。分享给大家供大家参考，具体如下：

参考开心网的head-26.js

var g_blinkid = 0;
var g_blinkswitch = 0;
var g_blinktitle = document.title;
var g_onlineuser = "";
var g_sysmsg_sound = null;
var g_newmsg_sound = null;
var g_app_num = 0;
var g_appnum = 0;
var g_bappmore = false;
var g_inputtime = 0;
function blinkNewMsg()
{
  var now  = new Date();
  var nowtime = now.getTime();
  if(nowtime - g_inputtime > 5000)
  {
    document.title = g_blinkswitch % 2 ? "【　　　】 - " + g_blinktitle : "【新消息】 - " + g_blinktitle;
  }
  g_blinkswitch++;
}
function blinkOnline()
{
  document.title = g_blinkswitch % 2 ? "○" + g_onlineuser + " 上线了 - " + g_blinktitle : "●" + g_onlineuser + " 上线了 - " + g_blinktitle;
  g_blinkswitch++;
  if (g_blinkswitch > 10)
  {
    stopBlinkNewMsg();
  }
}
function checkNewMsg()
{
  var url = "/home/newmsg.php";
  var pars = "";
  var myAjax = new Ajax.Request(url, {method: "post", parameters: pars, onComplete: function (req) { checkNewMsgShow(req); } });
}
function stopBlinkNewMsg()
{
  if (g_blinkid)
  {
    clearInterval(g_blinkid);
    g_blinkid = 0;
    $("head_msgdiv").style.display = "none";
    document.title = g_blinktitle;
  }
}
var g_oldmsg = g_oldsysmsg = g_oldbbs = g_oldbbsreply = g_oldcomment = g_oldreply = 0;
function checkNewMsgShow(req)
{
  var r = req.responseText;
  stopBlinkNewMsg();
  setTimeout(checkNewMsg, 60000);
  eval ("r="+r);
  var a_msglist = new Array("msg", "sysmsg", "bbs", "bbsreply", "comment", "reply");
  if(r.notice == "1")
  {
    var forbidsound = parseInt(r.forbidsound);
    if (!forbidsound)
    {
      for (i=0; i'
+'    
'
+'      
'
+'    
'
+'    
'
+'      
'
+'        
首页
'
+'        
'
+'        '
+'        
'
+'          
我的首页
'
+'          '
+'          
我的首页预览：
'
+'          
'
+'            '
+'            
'
+'            
好友访问时
'
+'            '
+'            '
+'          
'
+'          
'
+'            '
+'            
'
+'            
陌生人访问时
'
+'            '
+'            '
+'          
'
+'        
'
+'      
'
+'      
'
+'      '
+'      
'
+'        
好友
'
+'        
'
+'        '
+'        '
+'        
'
+'          
我的全部好友
'
+'          
当前在线好友
'
+'          
好友管理
'
+'          
好友状态更新
'
+'          '
+'          
邀请朋友加入
'
+'          
查找朋友
'
+'        
'
+'      
'
+'      
'
+'    '
+'      
'
+'        
群
'
+'        
'
+'        '
+'        
'
+'          
我的群
'
+'          
好友的群
'
+'          '
+'          
创建新群
'
+'          
全部群
'
+'        
'
+'      
'
+'      
'
+'    '
+'      
'
+'        
消息
'
+'        


'
+'        '
+'        
'
+'          
短消息
'
+'          
系统消息
'
+'          '
+'          
评论
'
+'          
评论回复
'
+'          
留言板
'
+'          
留言回复
'
+'        
'
+'      
'
+'      '
+'      '
+'      '
+'    
'
+'    

邀请 ┊ 找人 ┊ 账户 ┊ 隐私 ┊ 退出
'
+'    '
+'  

' +'