这可以做到吗?基本上,我想用 right:xxxPX 为绝对定位的图像设置动画,比方说。那么,当动画进行时,我可以给它添加一个“轨迹”效果吗?
谢谢,阿德里安
这可以做到吗?基本上,我想用 right:xxxPX 为绝对定位的图像设置动画,比方说。那么,当动画进行时,我可以给它添加一个“轨迹”效果吗?
谢谢,阿德里安
This should work:
var box = $('#box'),
// Create some clones (these make up the trail)
clones = $.map(Array(10), function(item, i){
return box.clone().css('opacity', 1 / (i + 1)).hide().insertAfter(box);
});
box.animate({
top: 100,
left: 200
}, {
duration: 1000,
step: function(now, fx) {
// On each step, set a timeout for each clone,
// making it move to the required position.
var prop = fx.prop;
$.each(clones, function(i, clone){
clone = $(clone).show();
setTimeout(function(){
clone.css(prop, now);
}, 50 * i);
});
}
});
Demo: http://jsbin.com/ifobe3