在Jquery中移动时图像模糊/扭曲

Question

所以我在页面上移动这个熊猫，在jquery（顶部，左侧位置）中进行css更改，看起来当我移动它时，有些时候边缘不平滑。但是当它静止几秒然后再次运行（每次更换一个gif）时就可以了。有人可以解释为什么会发生这种情况以及有关如何修复它的任何建议吗？

密码：
改变熊猫的位置：
         $(this).css('left', $(this).offset().left

让熊猫掉下来：
$("#panda").css("top", $("#panda").offset().top + newpandatop);

移动地图：

theinterval = setInterval(function(){
                    $('#map').children().each(function(){
                        if($(this).attr("id") != "panda"){
                            eval(thecode);
                        }
                    });                               
                }, 20);

演示：