<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var message = "欢迎光临";
var delay = 5;//变化速度 值越大越快
var space_num = 50; //所占长度
function fly_in(num, now_position){
var msg = message;
var out = "";
for (var i=0; i<now_position; i++){
out += msg.charAt(i);
}
for (var i; i<num; i++){
out += " ";
}
out += msg.charAt(now_position);
window.status = out;
if(num <= 1){
now_position++;
if(msg.charAt(now_position) == ' '){
now_position++;
}
num = space_num-now_position;
}
else{
num--;
}
if(now_position != msg.length){
var cmd = "fly_in(" + num + "," + now_position + ")";
window.setTimeout(cmd,delay);
}
else{
window.status="欢迎光临";
num = 0;
now_position = 0;
cmd = "fly_in(" +num + "," + now_position + ")";
window.setTimeout(cmd,1000);
}
}
var initial_num = space_num;
fly_in(initial_num,0);
</script>
</head>
<body>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var message = "欢迎光临";
var delay = 5;//变化速度 值越大越快
var space_num = 50; //所占长度
function fly_in(num, now_position){
var msg = message;
var out = "";
for (var i=0; i<now_position; i++){
out += msg.charAt(i);
}
for (var i; i<num; i++){
out += " ";
}
out += msg.charAt(now_position);
window.status = out;
if(num <= 1){
now_position++;
if(msg.charAt(now_position) == ' '){
now_position++;
}
num = space_num-now_position;
}
else{
num--;
}
if(now_position != msg.length){
var cmd = "fly_in(" + num + "," + now_position + ")";
window.setTimeout(cmd,delay);
}
else{
window.status="欢迎光临";
num = 0;
now_position = 0;
cmd = "fly_in(" +num + "," + now_position + ")";
window.setTimeout(cmd,1000);
}
}
var initial_num = space_num;
fly_in(initial_num,0);
</script>
</head>
<body>
</body>
</html>
分享到：
发表评论
-
HTML <object> 标签
2010-03-04 22:31 841定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML ... -
js代码：字符动画
2010-03-04 22:30 839<!DOCTYPE html PUBLIC " ... -
CSS+DIV实现的页面优化代码
2010-03-04 22:28 632<!DOCTYPE html PUBLIC " ... -
IE捉迷藏问题及解决方案
2010-03-04 22:28 998<!DOCTYPE html PUBLIC " ... -
js代码：飘落的雪花
2010-03-04 22:27 837<!DOCTYPE html PUBLIC " ... -
js代码：渐变图形
2010-03-04 22:26 806<!DOCTYPE html PUBLIC " ... -
正则表达式菜鸟入门
2010-03-04 22:25 723常用的正则表达式主 ... -
jquery学习资料
2010-03-04 22:23 804今天开始看看jquery类库 这是我接触的第三个类库 之前有e ... -
jquery菜鸟入门
2010-03-04 22:23 787转自：http://hi.baidu.com/%B7%C9%D ... -
设置flash透明使div层能显示在其之上
2010-03-04 22:21 1018给flash加上这句代码<param name=&quo ... -
Ajax原理步骤
2010-03-04 22:21 1077核心：XMLHttpRequest对象 属性 ... -
ruby打包成gem
2010-03-04 22:20 1318gem 打包： gem build xxx.rb gem 安装 ... -
prototype Ajax.Updater
2010-03-04 22:19 735var url = "/edit/find_topi ... -
ruby日期指令
2010-03-04 22:17 989%A 周日期全称 Saturday %a 周日期缩写 %B ...
相关推荐
这篇名为“浏览器状态栏信息来回移动”的博文可能是介绍如何通过JavaScript动态改变浏览器状态栏的文字内容，从而实现信息的滚动或动画效果。这种效果在早期网页设计中常见，用于吸引用户的注意力或者显示滚动公告。...
JS实现浏览器状态栏文字闪烁效果的方法主要利用JavaScript语言对浏览器内置功能的操作，具体是通过定时器函数setTimeout()来实现状态栏文字的递归调用和更新，从而形成文字闪烁的效果。整个技术实现过程中涉及的几个...
在本文中，我们将探讨如何使用JavaScript实现浏览器状态栏文字从右向左弹出的效果。 首先，我们需要理解几个关键的变量和函数。在代码中，`POSITION` 定义了初始位置，即文字开始弹出时距离右侧的距离，默认值为100...
标题中的“javascript经典特效---状态栏循环文字”指的是在网页状态栏中实现文字的循环滚动效果，这是一种常见的JavaScript交互设计。JavaScript是一种轻量级的解释型编程语言，主要用于客户端的网页动态效果处理，...
在"状态栏固定信息.htm"这个文件中，很可能就包含了上述代码的示例，展示了如何使用JavaScript实现状态栏固定信息的效果。通过学习和理解这个示例，开发者可以更好地掌握在实际项目中运用这一技巧，提升网页的用户...
本文实例讲述了JS实现浏览器状态栏显示时间的方法。分享给大家供大家参考，具体如下： 以前做个人主页的时候，总喜欢把自己的网页搞的很个性，在网上做跑马灯文字，在状态栏显示问候语，或者在状态栏添加时间显示，...
在本资源“javascript经典特效---状态栏特殊效果.rar”中，重点是利用JavaScript来创建一种独特的效果，即对浏览器的状态栏进行操作。状态栏通常是位于窗口底部，显示鼠标悬停在链接上时的提示信息或者页面加载状态...
JavaScript经典特效——状态栏特效(十一)是一种在网页中实现的独特交互设计，它利用JavaScript语言的能力，让网页的状态栏（浏览器窗口底部显示当前鼠标位置下的链接或页面元素信息的部分）展示出动态效果，以增强...
在本项目中，"JS脚本做的状态栏"指的是利用JavaScript来创建和控制浏览器的状态栏，即浏览器窗口底部显示的信息区域。状态栏通常用于向用户展示一些实时更新的信息，比如加载进度、提示信息或动态效果。 首先，我们...
状态栏，通常指的是浏览器窗口底部显示页面URL和其他信息的部分，利用JavaScript可以对其进行各种创意性的设计，提升网站的吸引力和用户交互性。 在JavaScript中，通过操作DOM（Document Object Model）来改变页面...
### 如何通过JavaScript改变浏览器状态栏的文字 在Web开发中，有时我们可能希望根据页面的状态或者用户的操作来改变浏览器状态栏中的文字，以此提供更好的用户体验或实现特定功能。本文将详细介绍如何利用...
3. **状态栏文字从右弹出**：这是一种动态效果，文本好像从屏幕右侧突然弹出，给人以视觉冲击力，常用于通知或提示信息的展示，使用户更容易注意到。 4. **状态栏中文字从中间分开显示**：这种特效使文本在状态栏中...
1. JavaScript在状态栏文字显示上的应用：通过JavaScript编程，能够在网页的状态栏中实现文字的显示和隐藏效果，通常用于实现提示信息或特效。 2. 状态栏文字特效的实现原理：该特效通过两个主要函数scrollIn和...
同时，在客户端，你可以使用JavaScript或jQuery来改变状态栏的文本，但需要注意的是，由于浏览器的安全限制，直接修改状态栏文本在现代浏览器中已被禁止，所以这里更多是指页面中的自定义状态区域。 **使用源码** ...
本文将详细介绍如何使用JavaScript来实现状态栏中的文字动态显示。状态栏是浏览器窗口最下方的一条区域，通常用于显示提示信息或者状态信息。通过JavaScript，我们可以对状态栏中的文字进行动态控制，实现类似文字...
JavaScript的`XMLHttpRequest`对象或者现代浏览器的`fetch` API可以帮助我们从服务器请求JSON数据，然后解析并显示在状态栏条上。 5. jQuery库：虽然标签没有明确提到jQuery，但作为JavaScript的一个流行库，它简化...
首先，"状态栏文字分解出现"的特效是一种创新的展示方式，它可能利用了CSS3的动画和过渡属性，通过逐个字符展示或者逐渐揭示文字来制造动态效果。例如，可以设置一个定时器，使得每个字符在一定时间间隔内依次显示，...
总结来说，虽然使用JavaScript直接隐藏浏览器状态栏是不可能的，但我们可以通过一些合法的交互手段，比如利用全屏API，来创建一种隐藏状态栏的视觉效果。同时，开发者需要注意各种方法的兼容性、用户体验以及安全性...