JS的特效:动画篇

  1. 动画的基础是个什么?没错,就是位置的移动。
    这里移动的实现:
//v就是view,你要改变的控件位置v.style.top=100+'px';
v.style.left=100+'px';
//得到位置是一个问题,我这里提供一种获得相对于父元素位置的方法。
var now=v.offsetTop;
var now2=v.offsetLeft;
  1. 那么问题来了,如果是一个动画呢?那就要连续的移动,怎么做到连续的移动,用定位功能。我找到两个定时的接口。
1 timer
  //第一个参数是执行的function,第二个是间隔的时间
  var timer=setTimeout("Refresh()",1000); 
  //取消定时器
  clearTimeout(timer);

2 setInterval
  //第一个参数是执行的function,第二个是间隔的时间
   MyInterval=setInterval("Refresh()",1000);
  //取消定时器
  clearInterval(MyInterval);
  //你觉得一样是吧?我也觉得
  //太坑了,因为JS是单线程,所以clearinterval放在for里,是会出问题的。
  1. 做完几个练习,我准备转CSS3动画了,因为
JS的特效:动画篇_第1张图片
hehe

此文完结。。。。

你可能感兴趣的:(JS的特效:动画篇)