`
txf2004
  • 浏览: 6880822 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js实现页面标题闪烁

 
阅读更多

前端时间做web前端联系,实现标题闪烁,参照了一些同行的博客,具体实现如下:

// 使用message对象封装消息
varmessage={
time: 0,
title: document.title,
timer: null,

show : function() {
message.time++;
document.title=message.time%2==0?"【新消息】":"【   】";
document.title+=message.defaultTitle;
if(!message.timer) {
message.timer =setInterval("message.show()", 600);
}
},

// 取消提示
clear: function(){
clearTimeout(message.timer);
document.title =message.title;
}
};

message.show();

// 页面加载时绑定点击事件

functionbind() {
document.onclick =function(){
message.clear();
};
}

分享到:
评论

相关推荐

    JS实现超简洁网页title标题跑动闪烁提示效果代码

    这里演示不几行JS代码实现的网页Title文字跑动效果,类似有消息时的标题闪烁提醒功能,在JS代码中,当变量_record累加到3是,将其赋值为1。相当于无限循环。需要显示的消息提示内容可自拟哦。 运行效果截图如下: ...

    javascript网页特效实例大全

    第1章 javascript概述 1 1.1 什么是脚本语言 2 1.2 javascript简介 2 1.3 javascript与java的关系 3 1.4 javascript的基本构成 4 1.4.1 基本数据类型 4 1.4.2 变量 4 1.4.3 常量 5 1.4.4 表达式 6 1.4.5 ...

    程序天下:JavaScript实例自学手册

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    javascript大全---个人认为是很全了

    包括以下javascript例子: 实现多级关联选择地址 js代码-全国省市县无刷新多级关联菜单.html 背景居中.htm 变颜色的菜单.htm 标题栏显示时间.htm 打开于关闭窗口.htm 带阴影的时钟.htm 倒计时.htm 倒计时2.htm 导 ...

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    JavaScript实例精通

    示例描述:JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为...

    《JavaScript实例精通》[源代码]

    示例描述:JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为...

    grails-pjax:Grails Pjax插件云可帮助您在Grails中使用pjax

    Pjax是一个jQuery插件,它使用ajax和pushState通过真正的永久链接,页面标题和后退按钮提供快速浏览体验。 查看更多或访问 ##为什么要用Pjax? 只是使用ajax从远程加载容器? 是的,但不仅如此。 不再加载css和js...

    超实用的jQuery代码段

    1.23 实现文字闪烁效果 1.24 实现文字动画效果 1.25 实现文字跟随鼠标移动变化的动画效果 1.26 文本域中光标的定位 1.27 实现可折叠效果 1.28 文本框内容自动缩进 1.29 禁止页面滚动的方法 1.30 页面加载后消息框...

    JavaScript应用177例

    实例代码: 第1章(\cha01) ...第2章(\cha02) ...第3章(\cha03) ... 3.3.htm 用对象的方式实现数组 ... 3.6.htm 实现多维数组 ... 4.5.htm 实现计算器 ... \36.2\ Default.aspx 实现文本聊天室

    一款好看的后台模板

    vip_tab.js 【子页面操作父页面选项卡js】 具体功能: 1) add方法 add(操作对象,标签标题,url地址); 2) getThisTabId方法 getThisTabId(); // 返回当前展示页面父级窗口标签的lay-id 3) del方法 del(标签lay-...

    ExtAspNet_v2.3.2_dll

    -重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...

    title-noty:简单的插件通过刷新标题名称来通知信息

    标题titleNoty 一个简单的插件,可通过刷新标题名称来通知信息,在当前页面可见时取消消息通知。 香草javascript,无依赖性,经过压缩后小于3kb 。 #安装 bower install title - noty #用法现在支持三种类型:闪存...

    基于AJAX的WebIM(ASP.NET + JQuery + AJAX)

    客户端使用 AJAX 心跳包拉数据,应用 JQuery 框架实现页面效果; 实现功能: 1.同一用户只能在一处登录; 2.好友分组列表; 3.聊天; 4.离线消息; 5.上线/下线通知; 6.日志; 7.信息编码(简单加密)(Base64 + ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...

    Layx web开发框架-其他

    加载窗口、浮动窗口、置顶窗口、倒计时窗口、只读窗口支持窗口最大化、最小化、恢复、置顶、关闭、调试、双击控制及事件监听支持窗口阻隔、窗口闪烁功能支持窗口点击标题获取焦点、点击内容/页面获取焦点支持窗口...

    WebIM_Ajax框架

    客户端使用 AJAX 心跳包拉数据,应用 JQuery 框架实现页面效果; 技术点: 1.CH2.Ajax 框架 2.动态js 3.动态css 4.jsonp跨域 5.iframe跨域 6.心跳包 7.ajax上传图片 8.裁切图片 9.js表单验证 10.悬浮层拖拽 11.列表...

Global site tag (gtag.js) - Google Analytics