跑马灯效果就是经常看到的文字左右移动转换效果，这是笼统说法，虽然这种效果目前已经被许多很酷的JS代替，但在有些时候有可能会用到，这里讲解的就是最常见的跑马灯效果文字公告栏置
代码如下:
onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">文字跑马灯公告栏在这输入文字内容
div align="center">→文字公告栏置中
center=居中；left=靠左；right=靠右
color:white →公告栏背景白色
bordercolor="#FF9900">→框线颜色(橘色)
face="新细明体" size="2">→文字字体大小 direction= 'up' →文字跑马灯向上 跑马灯移动： 往左=left 往右=right 往上=up 往下=down 左右=alternate width='105' id=xiaoqing height='120' →跑马灯公告栏宽高 onmouseover=xiaoqing.stop() onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">文字跑马灯公告栏在这输入文字内容
face="新细明体" size="2">→文字字体大小
direction= 'up' →文字跑马灯向上 跑马灯移动： 往左=left 往右=right 往上=up 往下=down 左右=alternate width='105' id=xiaoqing height='120' →跑马灯公告栏宽高 onmouseover=xiaoqing.stop() onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">文字跑马灯公告栏在这输入文字内容
direction= 'up' →文字跑马灯向上
跑马灯移动：
往左=left
往右=right
往上=up
往下=down
左右=alternate
width='105' id=xiaoqing height='120' →跑马灯公告栏宽高
onmouseover=xiaoqing.stop()
跳行语法
2026公务员·事业单位培训课程试听报名