无法为附加图像设置动画

Question

我使用javascript代码创建新的图片元素并设置它的src属性，然后将其附加到'a'标记。然后我使用setInterval()来调用slide()函数，该函数应该将图像向左移动然后逐渐淡出，但图像会淡出但它根本不会移动。

function slide(){

var img=$("img");


img.animate({"left": '150'}, "slow", function() {

img.fadeOut("slow", function() {

forward();

img.fadeTo("slow",1);

          }); 

          });

               }

setInterval(function(){slide();}, 5000);

Answer 1

您应该绝对定位图像以便能够移动 将此CSS添加到您的页面 img{ position:absolute; left:0; top:0; }

请注意，如果您在css中使用img之类的选择器

，则所有图片都会绝对定位

这是行动中的小提琴 - http://jsfiddle.net/friiks/qXvy7/