JavaScript状态栏显示滚动文字
<html>
<head>
<script language="JavaScript">
<!--
hide var scrtxt = "状态栏文字滚动特效." +"这是由JS脚本生成的特效." +"用到了字符串处理和延时函数."; // 定义要滚动的字符串.
var length = scrtxt.length; // 获取滚动显示的字符串的长度.
var width = 100; // 定义状态栏中用于显示字符串的空间的宽度.
var pos = -(width + 2);// 定义起始置为-102.
//以下定义的函数用于在状态栏中设置滚动文字.
function scroll()
{
pos++; var scroller = ""; //某个瞬间要显示的部分.
if (pos == length)
{
//如果位置参数已经等于字符串长度则回到初始位置.
pos = -(width + 2);
}
if (pos < 0)
{
//如果字符串还没有显示完整.
for (var i = 1; i <= Math.abs(pos); i++)
{
scroller = scroller + " ";
}
//则用一个循环在显示的部分字符前加若干空格.
scroller = scroller + scrtxt.substring(0, width - i + 1);
}
else
{
scroller = scroller + scrtxt.substring(pos, width + pos);
}
window.status = scroller; //将当前要显示的部分字符发送到状态栏.
setTimeout("scroll()", 100); //十分之一秒后又执行一次,以使显示出来的字符串内容得到更新并向左移动.
}
// -->
</script>
</head>
<body onLoad="scroll()">
走马灯的效果！
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· [AI/GPT/综述] AI Agent的设计模式综述