JS制御CSSによる連フレームアニメーション

1644 ワード

Web ゲーム JavaScript アニメーション効果 css クラス div スタイル機能 html

ウェブ系Webゲームの開発では、フレームワークのアニメーション効果を実現する必要があることが多いが、動物の移動のようなGIF画像の代替には不便である.
次のコードは簡単なフレームアニメーションのDemoです.


    
        
          demo
        
        
        
            var n=0;
            //          ，        
            setInterval(function(){ 
                $("#donghua").css({"position":"relative","left":-n+"px","background-position":n+"px 0px"});
                n=(n>-777)?n-111:-111;
            },300);

：

コミットページの場所--scrollIntoViewの使い方

親エレメントの中で子エレメントを水平に垂直に中央に配置する6つの方法