利用jquery制作闪动标题-阿里云开发者社区

利用jquery制作闪动标题

2016-05-12 1376

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

jQuery获取head的title

   Java代码  
    
  
$(document).ready(function(){  
    alert($("title").html());  
    $(document)[0].title='dd';  
});  

   Java代码  
    
  
jQuery(function($) {  
    setInterval(function(){  
        $.get("Untitled-2.html", function(data){  
            if(data == 1){//有新消息  
                var timerArr = $.blinkTitle.show();  
                setInterval(function() {        //此处是过一定时间后自动消失  
                    $.blinkTitle.clear(timerArr);  
                }, 4000)  
            }else{  
                $.blinkTitle.clear(timerArr);  
            }  
        });  
    },4000);  
    //若认为操作消失，只需如此调用：    $.blinkTitle.clear(timerArr);  
});  

送达方式发

   Java代码  
    
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>新消息闪烁提示Demo</title>  
</head>  
   
<body>  
    <p style="text-align:center;">请看网页标题处效果！  
        <br/>隔10秒后提示消失  
    </p>  
    <script type="text/javascript" src="../js/jquery-1.4.2.min.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>  
</body>  
</html>  

利用jquery制作闪动标题

热门文章

最新文章

相关课程

相关电子书

相关实验场景