JS特效标题栏闪烁html5定时器前端特效 .
使用JavaScript制作浏览器标题栏闪烁效果,以面向对象的方式方式封装了JS。当你遭遇了Backbone,就会习惯JS也面向对象,也会习惯JS也MVC分离。就像这种JS风格,我喜欢。扯远了,呵呵。
不废话了,直接贴代码。
<SPAN style="FONT-SIZE: medium"><html>
<head>
<title>JS效果-浏览器标题栏闪烁</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
// 使用message对象封装消息
var message={
time: 0,
title: document.title,
timer: null,
// 显示新消息提示
show:function(){
var title = message.title.replace("【 】", "").replace("【新消息】", "");
// 定时器,设置消息切换频率闪烁效果就此产生
message.timer = setTimeout(
function() {
message.time++;
message.show();
if (message.time % 2 == 0) {
document.title = "【新消息】" + title
}
else{
document.title = "【 】" + title
};
},
600 // 闪烁时间差
);
return [message.timer, message.title];
},
// 取消新消息提示
clear: function(){
clearTimeout(message.timer);
document.title = message.title;
}
};
message.show();
// 页面加载时绑定点击事件,单击取消闪烁提示
function bind() {
document.onclick = function(){
message.clear();
};
}
</script>
</head>
<body onload="bind();">
点击页面取消消息闪烁提示
</body>
</html></SPAN>
分享到:
相关推荐
在本案例"javascript经典特效---Title栏闪烁.rar"中,我们聚焦的是如何使用JavaScript实现浏览器标题栏(Title栏)的闪烁效果。这个效果通常用于吸引用户注意力,提示有新的信息或者更新。 首先,我们需要理解HTML...
JavaScript经典特效——状态栏打字机效果是一种常见的前端交互设计,它模拟了老式打字机在显示屏上逐字输入文字的过程,给用户带来一种独特的视觉体验。这种效果常用于网页加载提示、消息展示或者创建引人注目的动态...
1. HTML标题标签:HTML中的`<title>`标签用于定义网页的标题,显示在浏览器的标题栏和书签中。 2. CSS样式:CSS(Cascading Style Sheets)可以用来设置网页标题的样式,包括字体、颜色、大小等。 三、JS实现标题...
在JavaScript(JS)中,实现标题闪烁提示信息特效是一种常见的网页动态效果,它可以吸引用户的注意力,通常用于显示重要通知或消息。以下是如何使用JS来创建这种闪烁标题特效的详细步骤和相关知识点: 首先,理解...
标题中的“像QQ一样闪动的最新消息提示”是指一种常见的网页交互效果,它模仿了腾讯QQ这款即时通讯软件在接收到新消息时任务栏图标闪烁的提示方式。这种效果通常用于吸引用户注意力,告知他们有未读消息或更新内容。...
4.4 标题栏显示日期 68 4.5 标题栏显示时间 69 4.6 不同时间的不同问候 69 4.7 记录进入网站的时间 70 4.8 页面的最后更新日期 71 4.9 节日倒计时 72 4.10 定时打开指定页面 72 4.11 显示在背景上的时钟 73 ...
实例035 动态标题栏 53 实例036 固定大小的窗口 54 1.6 框架的应用 55 实例037 框架集的嵌套 56 实例038 在网页中应用浮动框架 58 实例039 创建空白框架 60 实例040 居中显示框架页 62 1.7 无边框窗口 63 实例041 ...
2. **滚动文本**:可以通过设置JavaScript或VBScript脚本来实现文本的自动滚动,如新闻标题的滚动显示,增加信息展示的效率。 3. **下拉菜单**:下拉菜单可以让导航栏更简洁,用户只需点击主菜单项,即可看到子菜单...
标题栏特效的目的是使得最小化后的浏览器窗口在任务栏上产生动态效果,如闪烁的星星,以吸引用户的注意力。这种效果在用户同时打开多个浏览器窗口时尤其显著,因为它使得特定的窗口更显突出。 在描述的案例中,闪烁...
13.9 标题栏显示时间 13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的...
13.9 标题栏显示时间 13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的...
-修正EnableMaximize属性不能使Window最大化的BUG,修正了双击标题栏不能最大化的BUG。 -删除Button控件的SystemIcon属性,比如以前这样定义SystemIcon="Close",现在需要这样定义Icon="SystemClose"。 -Window...
5_6.htm 标题栏显示时间。 5_7.htm 不同时间的不同问候。 第6章(\6) 示例描述:JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像...
JavaScript实例精通 1.本书1~20章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:、Dreamwave、Notepad、UltraEdit,或者其他文本编辑器 Web服务器:IIS 5.1及...
-修正EnableMaximize属性不能使Window最大化的BUG,修正了双击标题栏不能最大化的BUG。 -删除Button控件的SystemIcon属性,比如以前这样定义SystemIcon="Close",现在需要这样定义Icon="SystemClose"。 -Window...
5.28 改变在浏览器地址栏中显示的 图标... 131 5.29 弹出一个新窗口... 131 5.30 弹出一个无属性栏的窗口... 132 5.31 弹出广告窗口... 133 5.32 弹出多个窗口... 134 5.33 指定弹出窗口的位置(IE) 135 5.34 ...
3. **状态栏特效**:状态栏通常指的是浏览器底部的状态显示区域,这部分代码可能会利用JavaScript改变其显示内容或实现动态效果,以增加用户体验。 4. **页面效果类**:这包括各种页面级别的动画和转换效果,如淡入...
标题中的“像QQ一样闪动的最新消息提示特效代码”是指在网页或应用程序中实现一种类似于腾讯QQ的消息通知效果,这种效果通常会在有新消息到来时,使窗口标题栏或者特定区域闪烁,以吸引用户的注意力。这个特效在用户...
内含各种例子(vc下各种控件的使用方法、标题栏与菜单栏、工具栏与状态栏、图标与光标、程序窗口、程序控制、进程与线程、字符串、文件读写操作、文件与文件夹属性操作、文件与文件夹系统操作、系统控制操作、程序...