Heim > Artikel > Web-Frontend > jQuerys Methode zum Implementieren blinkender Titelaufforderungen für neue Nachrichten_jquery
Das Beispiel in diesem Artikel beschreibt, wie jQuery blinkende Titelaufforderungen für neue Nachrichten implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Dieser Code kann Eingabeaufforderungsinformationen in der Titelleiste blinken lassen.
1. jQuery-Plug-in-Stilcode
;(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);
2. Die Aufrufmethode ist wie folgt:
jQuery(function($) { var timerArr = $.blinkTitle.show(); setTimeout(function() {//此处是过一定时间后自动消失 $.blinkTitle.clear(timerArr); }, 10000); //若人为操作消失,只需如此调用:$.blinkTitle.clear(timerArr); });
Klicken Sie hier für den vollständigen BeispielcodeDownload von dieser Website.
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.