JS-滚动的文字

今天给大家介绍一个有趣的滚动文字

首先我们来讲一下思路 :

1.要去除ul里的第一个元素节点放入到ul的最后面

firstElementChild(第一个元素节点)        appendChild (第一个元素节点)

2.每隔三秒让他运动一次 这里我们用到 setInterval

3.然后我们获取一下ul和ul的第一个元素

4.添加一个class on (on会调用slideUp动画,执行动画,500毫秒时间)

5.需要把把第一个元素 放在ul的最后面

6.移除on类(下一次调用又可以添加,又可以产生动画)

具体代码如下:

  • javascript第1章
  • javascript第2章
  • javascript第3章
  • javascript第4章
  • javascript第5章
  • javascript第6章
  • javascript第7章
  • javascript第8章
  • javascript第9章
  • javascript第10章

你可能感兴趣的:(JS-滚动的文字)