Javascrip实现文字跳动特效

前端之家收集整理的这篇文章主要介绍了Javascrip实现文字跳动特效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一.如何让字符串变成 一个个的字体,让我们去控制

1获取字符串内容

2清空字符串内容

3遍历字符串, 然后一个个的切割出来。

4给切割出来的文字添加定位

5把添加好定位的文字,重新赋值到获取的 元素里面。

二.鼠标滑动上去之后, 该怎么去实现 文字的跳动

1 定义一个变量0

2 定义 定时器

3让变量不断的 减少

4改变元素的top == 变量

5当 变量 达到一定高度的时候,让变量不断的 增加

6 当变量 减少到0(本身位置) 的时候,

7清除动画 改变元素的top = 0(本身位置)

<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>跳动特效-vico