2012-03-21 2 views
0

お願いします。 IEのプログレスバーに問題がある場合はアドバイスが必要です。 http://www.webappers.com/progressBar/に示すようにアニメーション化されている必要があります。 私はjquery.backgroundpos.jsをダウンロードしましたが、それでもIEでは変です。クロムでは、垂直方向にIEで水平方向にアニメートします。これはどうやってできるの? もう1つの問題 - アニメーションは、私たちが定義するとしばらくの間しか行きません。私は時間からの独立したサイクルを必要とし、ちょうどユーザーのacitonが必要です。アニメーションプログレスバー(IE8用スクリプト)

+1

絶対に最も簡単な方法は、貴重な時間を浪費を避けるためには、GIFアニメーションを使用することです。 IE8で正しく動作させるためには頭痛の種にならない価値があります。 – mekwall

答えて

2

プラグインなしのシンプルなソリューションがあります。 HTML:

<div id="blank_bar"><div id="filled_bar"></div></div> 

CSS:

#blank_bar{ 
    width: 100px; //barwith 
    background: //empty bar background 
} 

#filled_bar{ 
    width: 30%; // completion percentage 
    background: // your background without repeat 
} 

Javascriptを:

$("#filled_bar").css("width","newpercentage%"); 
+0

JSFiddle:http://jsfiddle.net/VxBhr/2/(背景色を画像で置き換えてください)。 – Alytrem

+0

もう1つ。進行中にアニメーションが必要な場合は、jQueryのアニメーション機能を使用します:-)。 http://jqueryui.com/demos/progressbar/#animated – Alytrem

+0

ありがとうございますが、問題はjqueryアニメーションです。 – me1111

1

さらに詳しいヘルプを表示するには、その例や実際の例を表示できます。

最初の問題では、コードを見ることなく、background-positionは2つの引数x px y pxを受け取ることに注意してください。 IEのアニメーションが異なっていても1方向しか指定されていない可能性があります。例えば、background-position: -5px