JS文字向上翻滚

JS文字向上翻滚

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

在这里插入图片描述

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值