实战 | 用原生js写一个"多动症"的简历_java

作者|谦龙

原文|http://imweb.io/topic/590dfe180ee54b060a501b66

会动的简历实现思路

这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果。又好像一个早已经录制好影片,而我们只是坐在放映机前观看。

原理分两个部分


1、页面能看见的不断跳动着的增加的文字,控制

2、页面的布局效果由藏在"背后的"style标签完成


想象一下你要往一张网页每间隔0.1秒增加一个字,是不是开个定时器,间断地往body里面塞,就可以啊!没错,做到这一步就完成了原理的第一部分

再想象一下,在往页面里面塞的时候,我还想改变啊字的字体颜色以及网页背景颜色,那应该怎么做呢,是不是执行下面的代码就可以呢,没错,只不过更改字体和背景色不是突然改变的,而是也是开个定时器,间断地往style标签中塞入以下代码,这样就完成了原理的第二步,是不是好简单