观察观察观察

q18993076120

于 2016-03-25 21:38:09 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/q18993076120/article/details/50984155

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单动画效果。通过定时器控制div元素的左移过程，直到达到预设的位置(-150像素)后停止。该示例展示了如何通过修改元素的offsetLeft属性来控制其在页面上的位置。

  function startMove2()
  {
	  var oDiv1=document.getElementById('div1');
	  clearInterval(timer);
	  timer=setInterval(function()
	  {
		  if (oDiv1.offsetLeft==-150)
		  {
			  clearInterval(timer);
		  }
		  else
		  {
			  oDiv1.style.left=oDiv1.offsetLeft-10+'px';
		  }
	  },30)
  };