marquee一行代码实现滚动字幕滚动广告

利用实现文字滚动

1. 先上一段代码,可以看一下效果:

   

2. 以上即可实现类似公告滚动效果,该标签的具体常用属性说明如下:

3. direction ：表示滚动方向（默认为left）

left:向左；right:向右；up:向上；down:向下

behavior ：表示滚动方式

alternate:来回滚动；scroll:单方向滚动；slide:只滚动一次

loop ：决定滚动文字的滚动次数

loop=“n”:滚动n次；infinite:无限循环滚动；loop="-1":无限循环滚动

scrollamount ：决定文字滚动的延时

n值越大速度越快

scrolldelay ：决定文字滚动的延时

n值越大，步越大

bgcolor ：文字滚动范围的背景颜色

#十六进制数；rgb()；颜色名字

width和height ：决定滚动文字在页面中的矩形范围大小

width=“300” height=“250” —>宽300px，高250px

hspace和vspace ：决定滚动矩形区域周围的空白区域

我矩形边缘水平和垂直距周边各50像素

οnmοuseοver=this.stop() ：表示鼠标移上区域的时候滚动停止

οnmοuseοut=this.start() ：表示鼠标一开的时候有继续滚动

align ：水平对齐

left center right

valign ：垂直对齐方式

top middle bottom
3. 具体使用根据业务场景可以 自行修改.