jquery - 无法为附加图像设置动画

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; }

请注意，如果您使用imgCSS 中的选择器，所有图像都将被绝对定位

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