YPE html>
标签：for back end bezier inner 贝塞尔 代码 模仿 move
在线观看贝塞尔曲线值：传送门
在线观看动画效果：传送门
代码：
‘).appendTo($pointDiv);
}
$(‘.icon-add‘).click(function(){
var startOffset = $(this).offset();
var endTop = window.innerHeight - 30,
endLeft = 20,
left = startOffset.left,
top = startOffset.top;
var outer = $(‘#pointDivs .point-pre‘).first().removeClass("point-pre").css({
left: left + ‘px‘,
top: top + ‘px‘
});
var inner = outer.find(".point-inner");
setTimeout(function() {
outer[0].style.webkitTransform = ‘translate3d(0,‘ + (endTop - top) + ‘px,0)‘;
inner[0].style.webkitTransform = ‘translate3d(‘ + (endLeft - left) + ‘px,0,0)‘;
setTimeout(function() {
outer.removeAttr("style").addClass("point-pre");
inner.removeAttr("style");
}, 500);
//这里的延迟值和小球的运动时间相关
}, 1);
//小球运动坐标
})
})
css贝塞尔曲线模仿饿了么购物车小球动画
标签：for back end bezier inner 贝塞尔 代码 模仿 move
原文地址：http://www.cnblogs.com/momozjm/p/7267552.html