JS实战:仿LED跑马灯效果

2021-02-03 20:15

阅读:653

YPE html>

标签:mil   inner   offset   innerhtml   line   循环   比较   跑马灯   fun   

1.案例描述

使用JavaScript实现文字跑马灯效果。

2.实现思路

(1)首先利用html和css创建LED跑马灯背景及文字内容;

(2)然后将外层div对象的宽度和文字对象宽度进行比较,设置定时文字向左循环移动。

3.代码如下:

javaScript实现文字跑马灯

欢迎来到带土哈博客园,让我们一起学习javascript吧

运行结果如图所示:

技术图片

 

 

JS实战:仿LED跑马灯效果

标签:mil   inner   offset   innerhtml   line   循环   比较   跑马灯   fun   

原文地址:https://www.cnblogs.com/daitu/p/13155076.html

上一篇:JS之this关键字

下一篇:MVC5模型项不一致


评论


亲,登录后才可以留言!