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


效果图:(会向左移动)


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,960评论 1 45
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,375评论 2 17
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,186评论 0 5
  • 春去秋来,年复一年,因为真心爱,所以流泪放手,因为要成全,所以不敢见面。 这些年,我小心翼翼,极少和你联系,怕碰触...
    喜欢百合花阅读 1,248评论 0 1