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

Moving a blinking image from left to right jquery

本文关键字：右移 移动 jquery 闪烁 图像      更新时间：2023-09-26

我正在做一个项目，我被分配了一个任务，使一个闪烁的图像在网页上从左向右移动。图像应每秒移动（升压）并闪烁。我知道如何让它闪烁，我的代码如下：

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

但是我不知道如何第二次移动它，同时眨眼它。

伙计们，请帮帮我！谢谢

使用jQuery Animate怎么样？ 

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

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

试试这个：

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

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

相关文章：