用JavaScript实现动画效果(一)


1. 回顾position属性:static ,fixed,relative,absolute
用JavaScript实现动画效果(一)_第1张图片
Paste_Image.png
2.Js中的时间函数:setTimeout和clearTimeout

setTimeout: 实现让某个函数在经过一段预定的时间之后才开始执行
clearTimeout: 实现取消某个时间事件

3.我们来看下一个简单的实例:通过js,改变文字的位置。

    
    Title
    


    

Where!

实现的效果如下:

用JavaScript实现动画效果(一)_第2张图片
Paste_Image.png

我们可以看到成功地改变了 文字的位置。

思考一:为什么要设置position属性为absolute呢?设置其他属性可以吗?

我们再尝试用setTimeout函数来实现显示网页3秒后,才改变文字的位置。



你可能感兴趣的:(用JavaScript实现动画效果(一))