JavaScript实现三组文字间隙滚动效果

作者:半夏

时间:2026-10-22

浏览:261

本文提供了一段JavaScript实现的三组文字间隙滚动示例代码。通过HTML结构定义滚动区域,结合CSS样式控制外观,并利用JavaScript脚本实现文字内容的自动滚动效果。代码包含运行、复制和保存功能,适合前端开发者参考学习。

文章目录

三组文字间隙滚动实现

 <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <meta http-equiv="Content-Language" content="zh-CN">  <title>三组文字间隙滚动</title>  <style type="text/css">   *{font-size:12px;}   #scrollBox2{width:150px; height:64px; line-height:22px; overflow:hidden; background-color:#eee;}  </style>  </head>  <body>  国家 汇率名称 今日汇率   <div id="scrollBox2">      美元USD &#320;.775%<br>      港币HKD &#320;.75%<br>      英镑GBP &#320;.50%<br>      欧元EUR &#320;.25%<br>      日元JPY &#320;.01%<br>  </div>    <p> </p>  <p> </p>  <p> </p>  </body>  </html>  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章