从左到右移动闪烁的图像jQuery

Question

我正在一个项目中，我被分配了一个任务，使一个眨眼的图像在网页上从左到右移动。 图像应移动（增强）并每秒闪烁一次。 我知道如何使其闪烁，我的代码如下：

function blink(time, interval){
    var timer = window.setInterval(function(){
        $("#img").css("opacity", "0.1");
        window.setTimeout(function(){
            $("#img").css("opacity", "1");
        }, 100);
    }, interval);
    window.setTimeout(function(){clearInterval(timer);}, time);
}
 blink(5000, 1000);

但是我不知道如何再次移动它，同时又使它闪烁。

拜托，帮帮我！ 谢谢

Answer 1

如何使用jquery动画？

$("#img").animate({marginLeft:'500px'},1000);

这是一个仅使用动画功能的演示：
http://jsfiddle.net/vtZd5/

Answer 2

尝试这个：

function blink() {
    $('div').fadeTo(1000, 0.1, function(){
        $(this).animate({opacity: '1', top: '+=20px'}, 500);
      blink()  
    })
}     
blink() 

http://jsfiddle.net/AJSk3/3/