jquery如何完成新消息提示-JAVA编程网

WWW.lllT.neT

jquery完成新消息提示的方式：1、建立一个HTML实例文档；2、加上script标识；3、根据“blinkTitle : { show : function() { var step =...}”方式完成新消息提示就可以。

本实例教程实际操作自然环境：windows7系统软件、jquery-2.0.3版本号、Dell G3电脑上。

jquery如何完成新消息提示？

jQuery完成最新动态在网页页面文章标题闪动提醒

这篇文章关键讲解了jQuery完成最新动态在网页页面文章标题闪动提醒的相关资料,必须的小伙伴可以对比下

很有可能有一些网站站长会注意到那样的实际效果，便是我们在一些SNS社交媒体、社区网站访问时，常常会见到接到的最新动态会闪动文章标题提醒，那样如此的实际效果大家能否应用在自身的网址呢，最新动态在网页页面文章标题闪动表明的实际效果怎样完成？我荣幸在某牛男个人博客见到这种的编码，根据jquery架构。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<base href="<%=basePath%>"> 
<title>My JSP 'test.jsp' starting page</title> 
</head> 
<body> 
<p style="text-align: center;"> 
可以看网页页面文章标题处实际效果！ 
<br /> 
隔10秒后提醒消退 
</p> 
<script type="text/javascript"
src="script/jquery-2.0.3.js"> 
</script> 
<script type="text/javascript"> 
(function($) { 
$.extend( { 
/** 
* 读取方式： var timerArr = $.blinkTitle.show(); 
* $.blinkTitle.clear(timerArr); 
*/
blinkTitle : { 
show : function() { //有最新动态时在title处闪动提醒 
var step = 0, _title = document.title; 
var timer = setInterval(function() { 
step  ; 
if (step == 3) { 
step = 1 
} 
if (step == 1) { 
document.title = '【　　　】'   _title 
} 
if (step == 2) { 
document.title = '【最新动态】'   _title 
} 
}, 500); 
return [ timer, _title ]; 
}, 
/** 
* @param timerArr[0], timer标记 
* @param timerArr[1], 原始的title文字具体内容 
*/
clear : function(timerArr) { //除去闪动提醒，修复原始title文字 
if (timerArr) { 
clearInterval(timerArr[0]); 
document.title = timerArr[1]; 
} 
} 
} 
}); 
})(jQuery); 
jQuery(function($) { 
var timerArr = $.blinkTitle.show(); 
setTimeout(function() { //这里是过一定時间后全自动消退 
$.blinkTitle.clear(timerArr); 
}, 10000); 
//若觉得实际操作消退，只需这般读取： $.blinkTitle.clear(timerArr); 
}); 
</script> 
<br /> 
</body> 
</html>

建议学习培训：《jquery视频教程》

以上便是jquery如何完成新消息提示的详尽具体内容，大量请关心自学java网其他相关文章！

WWW.lllT.neT