3

http://i28.tinypic.com/2j0zbxi.gif

これはjQueryを介して可能ですか？基本的に上の画像に示すように、私は青い背景、地図画像、テキスト画像を持っています。この種のアニメーションは、ページの読み込み時、またはこの画像が読み込まれるたびに実現したいと考えています。

4

4 に答える 4

4

各スライドのタイミングを適切に合わせるには、animate（）とdelay（）を組み合わせて使用​​することをお勧めします。これは私が最近これを使ってまとめたものの例です。

http://www.panthersweat.com/thursday/

于 2010-07-14T17:16:24.810 に答える
2

はい、javscriptとjqueryを組み合わせることでそれを行うことができます...私は以前にバナーで何かをしました。

コードは次のとおりです

var timerCount = 1;
var timer = setInterval('sliderController()',5000);


function sliderController() {
    status = changeSlide(timerCount);
    if(status == 1) {
        timerCount++;
    }
    else{
        timerCount = 1;
    }
}

function changeSlide(timerCount)    {
    if(timerCount != 3) {
        leftValue = -1004 * timerCount;
        $('#banner_slider_container #banner_slides_container').stop().animate({'left':leftValue,'opacity':0.3},'slow',function()    {
            $('#banner_slider_container #banner_slides_container').animate({'opacity':1},'slow');
        });
        return 1;
    }
    else    {
        leftValue = 0;
        $('#banner_slider_container #banner_slides_container').stop().animate({'left':leftValue,'opacity':0.3},'slow',function()    {
            $('#banner_slider_container #banner_slides_container').animate({'opacity':1},'slow');
        });
        return 0;
    }

}

これはあなたを助けると思います.......

于 2010-07-14T11:37:47.213 に答える
1

基本的に、それがjQueryの.animate（）の目的です。必要なすべてのアニメーションの状態/ステップをCSSで表現する必要がありますが、上記のような単純なアニメーションは問題になりません。

http://api.jquery.com/animate/

于 2010-07-14T11:05:52.023 に答える
1

1.4以降、jQueryには.delay（）関数があり、アニメーションで使用できます。おそらくそれはあなたが必要なものですか？

于 2010-07-14T15:08:26.590 に答える