弹幕标志(弹幕css)

前端：弹幕标签使用详细介绍弹幕标签

1、注意弹幕标签跑马灯，现在部分浏览器不支持。

2、弹幕标签也叫跑马灯。

marquee格式及其含有的属性

1.基本格式

如下：

帐篷/帐篷

2.一些属性

1.方向属性：表示弹幕移动的方向。如下图，向左走

marqueeDirection='left'这波操作6/marquee

方向也可以设置为上下，可以自己修改演示。

添加width和height属性来设置滚动条的宽度和高度：设置高度为300px如下

marqueebehavior='scroll'direction='up'height='300'我改变了向上滚动的方向/marquee

2.行为属性：

行为属性可以取多个值，如：交替滚动滑动等。

如果值为alternate，则表示弹幕从屏幕的一侧跑到屏幕的另一侧时，会立即向相反的方向反弹回来。

如下：

marqueebehavior='alternate'我从屏幕的一侧跑到另一侧/marquee

如果值为scroll，则表示弹幕从一侧跑到另一侧，然后再从一侧跑到另一侧，如下：

marqueebehavior='scroll'我朝一个方向滚动/marquee

如果值为slide，则表示只向一个方向行走一次，到达另一侧时停止，如下：

marqueebehavior='slide'我朝一个方向走了一次/marquee

3.滚动量属性

表示移动速度。默认值为6，设置越大，运行速度越快，如下：

marqueerollamount='30'我很快/marquee

4.滚动延迟属性

表示暂停时间，单位为毫秒，如下：

marqueescrolldelay='100'scrollamount='100'速度被抑制/marquee

5.背景颜色

表示滚动区域的颜色，如下：

marqueeDirection='left'bgcolor='red'这波操作6/marquee

操作如图：

6.hspace属性

这意味着从边境步行到您需要的距离，然后再开始步行。

如下：

marqueerollamount='30'hspace='100'如果距离边框/marquee还有100px则回收

值的单位是px。运行后可以发现，弹幕距离左边框还有一段距离时，又重新滚动了。

7.onMouseOut='this.start()'属性

意思是当鼠标放到这里的时候，弹幕又会从起点开始移动。如下

marqueeonMouseOut='this.start()'点击此处/marquee

可以看到，当鼠标移动到弹幕位置然后移开时，弹幕又开始了。

8.onMouseOut='this.start()'属性

意思是当鼠标放在弹幕位置并移开时，弹幕会保持停止状态，不会移动。如下：

marqueeonMouseOut='this.stop()'点击此处/marquee

运行鼠标，将其放在弹幕上，可以看到弹幕不再移动。

9.循环属性

Loop属性代表弹幕循环的次数，默认无限制。如下：

marquee循环='2'循环2次/marquee

运行后可以看到弹幕滚动了两次，然后就再也没有出现过。

综合练习效果：

代码：

marqueeDirection='left'bgcolor='red'这一波操作6/marqueemarqueebehavior='alternate'我来回滚动/marqueemarqueebehavior='scroll'我向一个方向滚动/marqueemarqueebehavior='scroll'direction='up'height='300'我将其更改为沿一个方向向上滚动/marqueemarqueebehavior='slide'我仅滚动一次/marqueemarqueebehavior='slide'Direction='up'我将其更改为仅向上滚动一次/marqueemarqueescrollamount='100'我很快。/marqueemarqueescrollamount='30'hspace='100'距离边框还有100px时回收/marqueemarqueescrollamount='30'vspace='100'时回收距离border/marqueemarqueescrolldelay='30'还有100px我小步向前移动。/marqueemarqueeonMouseOut='this.start()'将鼠标移至此处重新启动弹幕/跑马灯onMouseOut='this.stop()'将鼠标移至此处停止弹幕/跑马灯循环='2'scrollamount='30'在循环中出现两次/选框选框滚动延迟='100'scrollamount='100'我正在大踏步前进。/字幕

运行效果如下：

喜欢的话点个赞吧，谢谢