当前位置: 首页 > 编程笔记 >

jQuery实现新消息闪烁标题提示的方法

苍元章
2023-03-14
本文向大家介绍jQuery实现新消息闪烁标题提示的方法,包括了jQuery实现新消息闪烁标题提示的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery实现新消息闪烁标题提示的方法。分享给大家供大家参考。具体如下:

该代码可实现在标题栏部位闪烁地显示提示信息。

1. jQuery插件风格代码

;(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. 调用方法如下:

jQuery(function($) {
  var timerArr = $.blinkTitle.show();
  setTimeout(function() {//此处是过一定时间后自动消失
    $.blinkTitle.clear(timerArr);
  }, 10000);
  //若人为操作消失,只需如此调用:$.blinkTitle.clear(timerArr);
});

完整实例代码点击此处本站下载。

希望本文所述对大家的jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍js实现的标题栏新消息闪烁提示效果,包括了js实现的标题栏新消息闪烁提示效果的使用技巧和注意事项,需要的朋友参考一下 公司的项目中用到了这个新消息提示的效果,主要用于提示用户有新消息。具体实现代码如下: 调用显示新消息提示:newMessageRemind.show(); 调用取消新消息提示:newMessageRemind.clear(); 另:单纯的这个代码会出现这么一个问题:

  • 本文向大家介绍js实现网页标题栏闪烁提示效果实例分析,包括了js实现网页标题栏闪烁提示效果实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现网页标题栏闪烁提示效果的方法。分享给大家供大家参考。具体分析如下: 网页标题栏闪烁效果我们在一些聊天工具会常看到,像现在流量的聊天室,下面我们就来给大家总结一款实现网页标题栏闪烁提示代码,感兴趣可参考一下。 公司的项目中用到了这个新消息提

  • 一个好的基于GUI的应用程序向用户提供有关交互的反馈。 例如,桌面应用程序使用对话框或消息框,JavaScript使用警报用于类似目的。 在Flask Web应用程序中生成这样的信息性消息很容易。 Flask框架的闪烁系统可以在一个视图中创建消息,并在名为next的视图函数中呈现它。 Flask模块包含flash()方法。 它将消息传递给下一个请求,该请求通常是一个模板。 flash(messag

  • git 闪烁消息效果由特殊字符实现,该特殊字符可以在 Vim 等编辑器中输入,但同时需要终端支持。 制作方式 首先,输入 git commit 进入默认编辑器修改 commit 信息,进入 Vim 的插入模式, 输入 Ctrl + v,放手后再按 Esc 键即可得到形如 ^[ 的字符(实际上并不是); 紧接着再输入 [5m,之后再输入 commit 信息(这里假设内容为 COMMIT_MESSAG

  • 本文向大家介绍JS实现消息来时让网页标题闪动效果的方法,包括了JS实现消息来时让网页标题闪动效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现消息来时让网页标题闪动效果的方法。分享给大家供大家参考,具体如下: 参考开心网的head-26.js 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript中ajax操作技巧总结》、《JavaScrip

  • 好的应用和用户界面的重点是回馈。如果用户没有得到足够的反馈,他们可能最终 会对您的应用产生不好的评价。Flask 提供了一个非常简单的方法来使用闪现系统 向用户反馈信息。闪现系统使得在一个请求结束的时候记录一个信息,然后在且仅仅在 下一个请求中访问这个数据。这通常配合一个布局模板实现。 简单的闪现 这里是一个完成的例子: from flask import Flask, flash, redire