本文提供了一段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 ŀ.775%<br> 港币HKD ŀ.75%<br> 英镑GBP ŀ.50%<br> 欧元EUR ŀ.25%<br> 日元JPY ŀ.01%<br> </div> <p> </p> <p> </p> <p> </p> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]