使用javascript实现简单动画div到div

使用javascript实现简单动画div到div,javascript,jquery,html,Javascript,Jquery,Html,是否可以仅使用javascript将一个div移动到另一个div 我非常不擅长javascript/jquery,我只想做一个简单的产品动画,让它进入购物车 如果仅仅使用javascript是不可能的(或非常困难的),我也愿意使用jquery 我还想最终添加淡出+收缩的效果 是否可以仅使用javascript将一个div移动到另一个div 对 我非常不擅长javascript/jquery,我只想做一个简单的产品动画,让它进入购物车 如果仅仅使用javascript是不可能的(或非常困难的),我

是否可以仅使用javascript将一个div移动到另一个div

我非常不擅长javascript/jquery,我只想做一个简单的产品动画,让它进入购物车

如果仅仅使用javascript是不可能的(或非常困难的),我也愿意使用jquery

我还想最终添加淡出+收缩的效果

是否可以仅使用javascript将一个div移动到另一个div

我非常不擅长javascript/jquery,我只想做一个简单的产品动画,让它进入购物车

如果仅仅使用javascript是不可能的(或非常困难的),我也愿意使用jquery

这是,还有。你可以从那里开始

我还想最终添加淡出+收缩的效果


您可以使用jQueryUI进行特效处理,特别是假设div1处于绝对位置,您可以执行以下操作:

var new_position = $(".div2").offset();
$(".div1").animate(new_position, 5000); // where 5000 is time in mil
淡出和收缩也可以使用animate属性来完成


<script type="text/javascript">
div1.onclick = function()
{
div1.style.left = "12px" //or somewhere within div2
div1.style.top = "12px" //or somewhere within div2
}
</script>
div1.onclick=函数() { div1.style.left=“12px”//或div2内的某个位置 div1.style.top=“12px”//或div2中的某个位置 }
Google是你的朋友。事实上,完全可以用css/html o.o制作一些简单的动画(淡出、收缩)