最小サイズの美しいアップローダーを美しくする方法

フラッシュプレーヤーまたはオペレーティングシステムの両方でアニメーションダウンロードバーを作成するためのちょっとしたトリックを共有したいと思います。
写真だけを用意しています:


彼女を動かす方法は? しかし、非常に簡単です! 間隔内の背景をピクセルごとに移動する必要があります。
デモを見る



ページのソースコードを見なかった場合は、ここでコードを示します。
var xPos=0;
function move_bg(){
$("#load_td").css( {backgroundPosition: xPos+'px 0px'} );
if(xPos == 60){
xPos=0;
}
xPos++;
}


関数は間隔内にあり、各呼び出しはピクセルをシフトする必要がある値を1ずつ増やし、値が背景画像の幅に達すると0にリセットされるため、置換は目に見えません。

おそらくこの方法は長い間使用されてきましたが、私は自分でそれに到達しました。誰かが役に立つといいのですが。

Source: https://habr.com/ru/post/J30479/


All Articles