美文网首页
js实现弹幕

js实现弹幕

作者: 本哥的星辰 | 来源:发表于2018-08-14 18:08 被阅读0次

    准备知识:

    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代码:

    效果图:(会向左移动)

    相关文章

      网友评论

          本文标题:js实现弹幕

          本文链接:https://www.haomeiwen.com/subject/rmtkbftx.html