从左到右然后向下动画图像

时间:2016-02-28 21:38:38

标签: javascript

试图让这个从左到右然后向下移动屏幕,我目前有这个工作将图片移动到按钮点击的正确位置,但它不是动画

function myMove()
{
 var himg = document.getElementById( parameter.pictureID );

 himg.style.left = (himg.style.left +1700) +"px";
 himg.style.top = (himg.style.top+ 700) +"px";
     setTimeout(myMove,20); // call doMove() in 20 msec
}

2 个答案:

答案 0 :(得分:1)

你可以通过CSS3过渡实现这一目标;

http://www.w3schools.com/css/css3_transitions.asp

转换:左转10s,前10名;在您移动的元素上,您也可以从其他转换功能中受益

答案 1 :(得分:0)

线程how to move/slide an image from left to right中的

setTimeout

调用
 var animate;
 animate = setTimeout(function(){moveRight();},20);

move函数名为moveRight()

还有一个jquery库

http://api.jquery.com/animate/

查看主题how to move/slide an image from left to right