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

js特效--标题栏跑马灯效果。

JavaScriptHTML 
阅读更多
将下代码copy入你网页的<head>和</head>中的合适地方即可。

<script language="JavaScript">
var msg = "大量大量的javascript,请访问网页之作的javascript栏目";
var speed = 300;
var msgud = " " + msg;
function titleScroll() {
if (msgud.length <msg.length) msgud += " - " + msg;
msgud = msgud.substring(1, msgud.length);
document.title = msgud.substring(0, msg.length);
window.setTimeout("titleScroll()", speed);
}
</script>

将你Html文件的<body>改为如下：
<BODY onload="window.setTimeout('titleScroll()', 500)">



分享到：
| Word文档中删除多个空格技巧.
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页标题栏跑马灯特效

    ### 知识点详解：网页标题栏跑马灯特效 #### 一、跑马灯特效简介 跑马灯特效是一种常见的网页动态效果，通常用于在网页的标题栏、滚动文字等场景中展示动态变化的文字信息。这种效果可以使得网页更加生动活泼，...

    跑马灯特效--文字滚动

    跑马灯特效，又称为走马灯或者滚动字幕，...在实际开发中，可以根据具体需求调整代码，创造出更具吸引力的跑马灯效果。提供的文件"texiao3002_1560681147"可能是跑马灯特效的示例代码或资源，读者可以下载学习并实践。

    原生js跑马灯时间轴特效.zip

    2. JavaScript文件：实现跑马灯效果的原生JS代码，可能涉及到定时器（setTimeout或setInterval）来控制内容的滚动或切换，以及事件监听器来响应用户的交互。 3. CSS文件：定义跑马灯的样式，如颜色、字体、布局和...

    网页特效：让标题栏文字动起来的特效，流动

    **第二步：** 接下来介绍了一个更简单的例子，即让标题栏内的文本像跑马灯一样滚动显示。 1. **变量定义：** - `msg` 存储原始文本 "ӭpkvs.comȤ"。 - `delay` 定义每次滚动的时间间隔，单位为毫秒。 2. **函数...

    JS实现状态栏跑马灯文字效果代码

    综上所述，通过上述的知识点分析，我们可以了解到状态栏跑马灯效果的实现原理、需要注意的兼容性问题，以及如何利用JavaScript定时器和浏览器特定属性来达成这一效果。这为需要在网页上使用状态栏跑马灯的开发者提供...

    常用的js特效

    3. **跑马灯**（滚动文字）：跑马灯效果通常是文本或图像在有限的空间内循环滚动显示，常用于新闻标题或滚动公告。JavaScript的定时器（setTimeout或setInterval）和字符串处理函数可以实现这一效果。 4. **下拉...

    javascript网页特效实例大全

    6.19 图片的探照灯效果 156 6.20 跟随屏幕移动的图片 157 6.21 图片的模糊显示 158 6.22 图片的渐隐渐现 159 6.23 一堆开放的花朵 160 第7章 文字类特效 165 7.1 闪烁的按钮文字 166 7.2 逐个显示的变色文字....

    JavaScript网页特效范例宝典源码

    实例284 文字跑马灯特效 447 实例285 文字依次显示后快速收缩 449 实例286 文字的展开与收缩 451 实例287 状态栏中的文字依次弹出 452 10.2 其他 453 实例288 在状态栏显示固定自定义信息 453 实例289 在状态栏显示...

    JS title栏文字不间断滚动

    这种效果通常是通过JavaScript语言来实现的，让标题栏中的文字像跑马灯一样循环滚动，既增加了视觉效果，又可以在有限的空间内展示更多的信息。 【描述】虽然提供的描述是空的，但从“博文链接”中我们可以推测，这...

    javascript实训指导书

    - `onload`事件：当页面加载完毕后触发的事件，常用于初始化某些功能，例如在此实训中用于调用跑马灯效果的函数。 2. **源代码分析**： - 首先定义了两个变量`msg`和`speed`，分别存储要滚动的文本和滚动间隔的...

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

    7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字来回出现 7.11 交替闪烁的状态栏 7.12 状态栏的分解显示文本特效 7.13 状态栏文字从右弹出 7.14 状态栏中文字从中间分开显示 7.15 屏蔽掉IE自带的功能键 ...

    javascript完全学习手册1 源码

    14.1.3 标题栏文字循环向左移动 391 14.1.4 各种形式输出文字 392 14.1.5 跑马灯式说明文字 398 14.1.6 跳动的文字 400 14.2 图片特效 402 14.2.1 线性幻灯片 402 14.2.2 非线性幻灯片 409 14.2.3 展示翻页效果 416 ...

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

    7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字来回出现 7.11 交替闪烁的状态栏 7.12 状态栏的分解显示文本特效 7.13 状态栏文字从右弹出 7.14 状态栏中文字从中间分开显示 7.15 屏蔽掉IE自带的功能键 ...

    javascript完全学习手册2 源码

    14．1．3 标题栏文字循环向左移动 14．1．4 各种形式输出文字 14．1．5 跑马灯式说明文字 14．1．6 跳动的文字 14．2 图片特效 14．2．1 线性幻灯片 14．2．2 非线性幻灯片 14．2．3 展示翻页效果 14．2．4 展示缩略...

    JavaScript实用范例词典04-14

    6.36 标题上的跑马灯文字... 191 第7章 网页事件篇.... 193 7.1 进入、离开网页显示信息... 193 7.2 单击和双击鼠标事件... 194 7.3 取得鼠标的按键... 195 7.4 禁止单击鼠标右键... 196 7.5 绝对禁止单击鼠标...

    cms后台管理

    将解压后得到的jeecms-3.0.2-final文件夹下的root文件夹更名为jeecms拷贝到tomcat 安装目录下的webapps 文件夹下（例如： D:\Tomcat 6.0\webapps\），启动tomcat，在地址栏中输入http://localhost:8080/jeecms， 您...

Magicbox
Global site tag (gtag.js) - Google Analytics