JS文字向上翻滚

JS文字向上翻滚

(撰写时间:2019年5月26日)
下面我们使用Visual Studio这个软件来写一个JS的代码,我们可以用JS的代码写一个简单的方法,就是使文字向上翻滚,形成一个类似轮播公告的效果。
那么这个代码要怎么写呢,首先我们需要先在界面上写一下的Html的代码,我们来看一下界面的代码是什么,看以下截图:
JS文字向上翻滚
在截图中我们可以看到界面的代码就是,先用两个大div标签包裹着9个a标签,定义好界面的代码我们接着就需要写一下JS的代码。然后实现出让他向上翻滚的效果。
JS代码的内容,见截图:
JS文字向上翻滚
通过第26获取找到 “rollText”的元素,然后获取到a的标签。下面的就很简单,用代码写一些他的样式然后在写js代码使他进行向上翻滚。然后在写一些他的计时器效果。见实现的效果截图:

JS文字向上翻滚

这样就可以实现出文字向上翻滚类似公告轮播的效果了。