JavaScript网页标题出现信息提醒实例代码

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript网页标题出现信息提醒实例代码

对于网页标题中出现信息提示的现象大家应该不会陌生，比如你是某一个网站的会员，如果站点向您发送站内信息的时候，可能就会在标题栏出现一个醒目的动态提醒表示，本站也具有此功能。这样的效果比较人性化，因为提醒效果更明显，下面就简单介绍一下如何实现此效果。

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title> 
<script type="text/javascript"> 
var newMessageRemind={ 
  _step:0, 
  _title:document.title, 
  _timer:null, 
  show:function(){ 
   var temps=newMessageRemind._title.replace("【　　　】", "").replace("【新消息】", ""); 
   newMessageRemind._timer=setTimeout(function(){  
     newMessageRemind._step++; 
     if(newMessageRemind._step==3) {newMessageRemind._step = 1}; 
     if(newMessageRemind._step==1) {document.title="【　　　】"+temps}; 
     if(newMessageRemind._step==2) { document.title = "【新消息】"+temps}; 
     newMessageRemind.show();
   }, 800); 
}, 
clear:function(){ 
   clearTimeout(newMessageRemind._timer); 
   document.title=newMessageRemind._title; 
} 
}; 
newMessageRemind.show(); 
function clearNewMessageRemind()
{ 
  newMessageRemind.clear(); 
} 
window.onload=function()
{
  var bt=document.getElementById("bt");
  bt.onclick=function()
  {
    clearNewMessageRemind();
  }
}
</script> 
<head/>
<body>
<input type="button" id="bt" value="取消信息提醒" />
</body>
</html>

代码描述：JavaScript 网页标题信息提醒。JavaScript网页标题出现信息提醒实例代码

下载全部收藏

141 188

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册