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/

将闪烁的图像从左向右移动jquery

2 个答案: