0

シンプルな動く背景を作成しようとしています。初めて機能しますが、ノンストップアニメーション機能を実行する方法がわかりません。継続的に機能させる方法を教えてください。jquery のイージング関数を使って動きをよりスムーズにする方法を教えていただければ幸いです。

これが私のコードです:
1- Html:

<div class="wave"></div>

2-CSS:

.wave{ background:url(http://www.publicspace.net/images/vitamin/cloud.png) top left no-repeat;
 width:70px;
 height:70px;

}

3-jQuery:

$(document).ready(function(){
$('.wave').css({'background-position': '0px 0px'}). 
animate({'background-position': '-160px 0px'}); 
});

ありがとう

4

1 に答える 1

0

編集：

     $(document).ready(function(){


        doit();


        });

function doit(){
        $('.wave').css({'background-position': '0px 0px'}). 

        animate({'background-position': '-160px 0px'},doit()); 
}
于 2013-01-10T22:41:29.703 に答える