0

私は、ウェブページ上で左から右に動くまばたき画像を作成するタスクを割り当てられたプロジェクトに取り組んでいます。画像が1秒ごとに動き(ステップアップ)、点滅するはずです。私はそれを点滅させる方法を知っています、私のコードは以下の通りです:

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

しかし、それを秒単位で動かし、同時にまばたきする方法がわかりません。

みんな助けてください！ありがとう

4

2 に答える 2

0

jquery animate を使ってみてはどうですか？

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

これは、アニメーション機能の機能のみを使用しているデモです:
http://jsfiddle.net/vtZd5/

于 2012-06-02T16:01:12.990 に答える
0

これを試して：

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

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

于 2012-06-02T16:17:04.107 に答える