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

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery如何完成新消息提示发布于2021-12-13 10:45:01