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