js实现弹幕

准备知识：

1.text-align：center 实现内联元素居中；

margin：0 auto；实现块元素居中，但是要先设置宽度；auto是自适应。

2.white-space: nowrap：文本不换行。

3.function getId(str) {

return document.getElementById(str);

}

构造一个获取ID的函数，就可以反复调用，document.getElementById(str);获取的方法。

4.document.createElement(‘元素名’)：创建一个元素。

5.document.getElementById(id).appendChild(元素)：，把一个元素添加到另一个元素中去。

6.parseInt(参数1，参数2)：参数一必须：被解析的字符串，参数二，进制。

如果被解析的第一个字符不是数字字符或者负号，就返回NaN。

7. 元素.setAttribute('属性名', 属性值)：为元素添加属性。

8.元素.innerHTML：返回元素的内容（代码）。

9. 元素1.appendChild(元素2)：把元素1添加到元素2中。

10.children() 方法返回返回被选元素的所有直接子元素。

11.  t = setInterval(参数1，参数2)：参数1：要执行的函数或代码；参数 2：执行周期（每隔多长时间执行一次）。

clearInterval（t）:清除它。

12.speed：

举个栗子：

就是速度，给他加单位px，就变为长度。

html代码：

css代码：

js代码：

效果图：（会向左移动）