博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用jquery制作闪动标题
阅读量:6714 次
发布时间:2019-06-25

本文共 1724 字,大约阅读时间需要 5 分钟。

获取head的title

Java代码  
  1. $(document).ready(function(){  
  2.     alert($("title").html());  
  3.     $(document)[0].title='dd';  
  4. });  
Java代码  
  1. jQuery(function($) {  
  2.     setInterval(function(){  
  3.         $.get("Untitled-2.html", function(data){  
  4.             if(data == 1){
    //有新消息  
  5.                 var timerArr = $.blinkTitle.show();  
  6.                 setInterval(function() {        //此处是过一定时间后自动消失  
  7.                     $.blinkTitle.clear(timerArr);  
  8.                 }, 4000)  
  9.             }else{  
  10.                 $.blinkTitle.clear(timerArr);  
  11.             }  
  12.         });  
  13.     },4000);  
  14.     //若认为操作消失,只需如此调用:    $.blinkTitle.clear(timerArr);  
  15. });  

  送达方式发

Java代码  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>新消息闪烁提示Demo</title>  
  6. </head>  
  7.    
  8. <body>  
  9.     <p style="text-align:center;">请看网页标题处效果!  
  10.         <br/>隔10秒后提示消失  
  11.     </p>  
  12.     <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>  
  13.     <script type="text/javascript">  
  14.     ;(function($) {  
  15.       
  16.         $.extend({  
  17.             /** 
  18.              * 调用方法: var timerArr = $.blinkTitle.show(); 
  19.              *          $.blinkTitle.clear(timerArr); 
  20.              */  
  21.             blinkTitle : {  
  22.                 show : function() { //有新消息时在title处闪烁提示  
  23.                     var step=0, _title = document.title;  
  24.           
  25.                     var timer = setInterval(function() {  
  26.                         step++;  
  27.                         if (step==3) {step=1};  
  28.                         if (step==1) {document.title='【   】'+_title};  
  29.                         if (step==2) {document.title='【新消息】'+_title};  
  30.                     }, 500);  
  31.                       
  32.                     return [timer, _title];  
  33.                 },  
  34.                   
  35.                 /** 
  36.                  * @param timerArr[0], timer标记 
  37.                  * @param timerArr[1], 初始的title文本内容 
  38.                  */  
  39.                 clear : function(timerArr) {    //去除闪烁提示,恢复初始title文本  
  40.                     if(timerArr) {  
  41.                         clearInterval(timerArr[0]);   
  42.                         document.title = timerArr[1];  
  43.                     };  
  44.                 }  
  45.             }  
  46.         });  
  47.     })(jQuery);  
  48.           
  49.     jQuery(function($) {  
  50.         var timerArr = $.blinkTitle.show();  
  51.           
  52.         setTimeout(function() {     //此处是过一定时间后自动消失  
  53.             $.blinkTitle.clear(timerArr);  
  54.         }, 10000);  
  55.           
  56.         //若认为操作消失,只需如此调用:   $.blinkTitle.clear(timerArr);  
  57.     });  
  58.     </script>  
  59. </body>  
  60. </html>  

转载地址:http://mxrlo.baihongyu.com/

你可能感兴趣的文章
Cisco网络设备安全管理和报告
查看>>
七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理
查看>>
将组策略应用到满足条件的计算机---配置组策略筛选
查看>>
PHP中的$this和$that指针使用案例
查看>>
SQL Server 2012 内存计数器的变化
查看>>
ubuntu无法修改ROOT密码的问题解决
查看>>
老男孩linux培训某节课前考试试题及答案分享
查看>>
Rsync镜像同步工具的安装配置
查看>>
logstash日志系统搭建
查看>>
通过Dmidecode读取硬件信息。
查看>>
DPM2012系列之六:在Win7上安装DPM远程管理控制台
查看>>
SCOM 2012知识分享-19:配置数据库整理设置
查看>>
鸟哥?马哥?靠边站!今天猫哥带你玩千万PV级别运维架构实战
查看>>
欢迎加入Java私活外包QQ群
查看>>
Python风靡全宇宙,首要原因是它?
查看>>
Win7部署基础知识(8):使用WDS捕获与应用映像
查看>>
企业云桌面-14-将vCenter 6.5证书导入-受信任人-企业
查看>>
Python从菜鸟到高手(13):分片(Slicing)
查看>>
实战操作百度文库、百度经验营销,让您的“流量”稳居首页
查看>>
KMS激活服务器inactivity exceeded threshold警报处理
查看>>