老官网要加一条滚动公告,三行代码就能跑——还是用marquee标签。它在HTML5里已被列为废弃标签,但浏览器至今多数还认,维护老页面之前把参数过一遍,改起来就是几分钟的事。

方向和行为:direction与behavior

direction管方向,取值left、right、up、down,不写默认left,从右往左滚;公告从下往上滚就写up。behavior管滚动方式:scroll一圈接一圈循环滚,slide滚到边界就停住,alternate在两端之间来回弹,做上下摆动的通知用alternate最顺眼。

速度和次数:scrollamount与scrolldelay

scrollamount是每步移动的像素数,数值越大滚得越快,公告类常用3到8,超过10眼睛就追不上了。scrolldelay是每步之间的间隔毫秒数,值越大停顿感越明显,两个参数配合着调速度。loop控制滚动次数,不写默认无限循环,写3就滚三遍停住。其他常用的还有bgcolor背景色、width和height限定滚动区域大小。

一个能直接抄的写法:

<marquee direction=up behavior=alternate scrollamount=4 onmouseover=this.stop() onmouseout=this.start()>滚动公告文字</marquee>

属性值不含空格时可以不加引号,效果一样。onmouseover和onmouseout这对让鼠标悬停就停、移开继续滚,做公告栏算标配。要细调外观再补align对齐方式、hspace和vspace留白,老代码里经常能见到。

新项目还用不用它

废弃标签的意思是不保证未来一直支持,新内核和读屏软件对它越来越不友好。新写的页面用CSS动画做无缝滚动更稳,样式控制也更细;改老站没必要重构,调参数见效最快。

一句话:老页面接着用marquee参数微调,新项目直接上CSS动画,别让废弃标签混进新代码。