`
insertyou
  • 浏览: 934822 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

用JavaScript创建“闪动”标题栏

阅读更多

<script language="JavaScript">
<!--
var tx = new Array (
"您好呀,欢迎您的光临^_^",
"知道吗?我就是标题栏",
"呵呵,现在我也~会闪啦",
"看啊,我闪~我闪……",
"快快把你的眉眼抛过来呀!嘻嘻……");
//设置好你的页面标题栏中要闪烁的5句文本(具体内容自己据需而定吧你)
var txcount=5;
//数字“5”对应于上边设定的文本数
var i=1;
var wo=0;
var ud=1;
//定义i、wo、ud三者的初值
function animatetitle()
{
window.document.title=tx[wo].substr(0, i)+"_";
if (ud==0) i--;
if (ud==1) i++;
if (i==-1) {ud=1;i=0;wo++;wo=wo%txcount;}
if (i==tx[wo].length+10) {ud=0;i=tx[wo].length;}
// if (window.document.title.length < 20 ) window.document.title=window.document.title+"-";
// if (window.document.title.length == 20 ) window.document.title=window.document.title+"]";
// if (window.document.title.length == 21 ) setTimeout("window.document.title='Animierte Seitentitel '; ",1000);

parent.window.document.title=tx[wo].substr(0, i)+"_";
setTimeout("animatetitle()",100); //数字“100”指每一字符闪烁速度为100毫秒,其改大(小)就闪的慢(快),可自行设置数值
}
//以上几行是对标题栏(title)的function为animatetitle的控制过程
animatetitle();
//标题栏(title)中运行animatetitle
// -->
</script>

分享到:
评论

相关推荐

    9种空间闪动标题栏.rar

    标题“9种空间闪动标题栏.rar”暗示了这是一个包含多种设计元素的压缩文件,主要用于创建具有动态效果的网页或应用程序标题栏。标题栏是用户界面的重要组成部分,它通常显示应用或网页的名称,并可能包含其他功能,...

    用javascript实现“闪动”标题栏

    在本例中,我们探讨的是如何使用JavaScript实现一个“闪动”的标题栏效果,这通常是吸引用户注意力的一种方式。 首先,我们需要了解JavaScript中的核心概念。`&lt;script&gt;`标签用于在HTML文档中插入JavaScript代码。在...

    网页标题闪动JS网页特效

    1. HTML标题标签:HTML中的`&lt;title&gt;`标签用于定义网页的标题,显示在浏览器的标题栏和书签中。 2. CSS样式:CSS(Cascading Style Sheets)可以用来设置网页标题的样式,包括字体、颜色、大小等。 三、JS实现标题...

    javascript title闪动效果

    本文将详细介绍如何使用JavaScript实现一个简单的标题栏闪动效果。 #### 核心知识点详解 ##### 1. 变量定义与初始化 首先,我们需要定义几个变量以存储和控制闪动效果。 - **`tx`:** 一个数组,用于存储所有要显示...

    JaveScript源代码大放送

    8用JavaScript创建“闪动”标题栏 9轻松实现打字机效果 10星星跟随鼠标 11地震效果的浏览器 12表格单元格背景色鼠标响应 13用JavaScript实现页面百叶窗效果 14用JS的方法使用列表LI制作的隔行换色 15直接调用计算机...

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖. 它不会干扰任何 JavaScript 库或框架

    本文将深入探讨如何使用纯JavaScript实现浏览器的`title`闪烁、滚动、声音提示以及通知功能,而无需依赖任何外部库或框架。 首先,让我们关注`title`闪烁效果。在JavaScript中,可以利用`setInterval`函数定时更改...

    JavaScript实例精通

    5_6.htm 标题栏显示时间。 5_7.htm 不同时间的不同问候。 第6章(\6) 示例描述:JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像...

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

    5_6.htm 标题栏显示时间。 5_7.htm 不同时间的不同问候。 第6章(\6) 示例描述:JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像...

    一个网页标题title的闪动提示效果实现思路

    接下来,使用setInterval函数创建一个定时器,周期性地切换标签中的内容,从而创建出标题的闪动效果。可以通过控制时间间隔来调节闪动的频率,使之符合视觉需求。在HTML文档的部分,可以通过script标签嵌入...

    JavaScript网页特效范例宝典源码

    实例035 动态标题栏 53 实例036 固定大小的窗口 54 1.6 框架的应用 55 实例037 框架集的嵌套 56 实例038 在网页中应用浮动框架 58 实例039 创建空白框架 60 实例040 居中显示框架页 62 1.7 无边框窗口 63 实例041 ...

    像QQ一样闪动的最新消息提示.rar

    标题中的“像QQ一样闪动的最新消息提示”是指一种常见的网页交互效果,它模仿了腾讯QQ这款即时通讯软件在接收到新消息时任务栏图标闪烁的提示方式。这种效果通常用于吸引用户注意力,告知他们有未读消息或更新内容。...

    javascript网页特效实例大全

    4.5 标题栏显示时间 69 4.6 不同时间的不同问候 69 4.7 记录进入网站的时间 70 4.8 页面的最后更新日期 71 4.9 节日倒计时 72 4.10 定时打开指定页面 72 4.11 显示在背景上的时钟 73 4.12 动态显示访问时间 ...

    java script 在html中的小应用

    标题栏的闪动效果是通过定时器改变文本颜色或字体大小来实现的。使用`setInterval`和`clearInterval`来控制动画的开始和结束,同时修改CSS属性。 8. **文字打字机效果** (9 文字打字机效果.html): 打字机效果是...

    JS实现闪动的title消息提醒效果

    本文将详细讲解如何使用JavaScript来实现在窗口未获得焦点或最小化时,使标题栏在“【新消息】”和空白之间交替闪烁。 首先,我们来看一下核心的JavaScript代码片段: ```javascript &lt;script language="JavaScript...

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁...

    网页制作一些常用代码

    P137和P138的例子分别展示了如何用JavaScript实现状态栏的持续显示和闪动效果。`window.status`属性用来设置状态栏的文本,`setTimeout`函数用于定时执行指定的函数,从而达到动画效果。 接下来的内容涉及到Flash ...

Global site tag (gtag.js) - Google Analytics