jQueryで*部分的にフェードインする方法は？

Question

皆さん。これは簡単だと思われますが、何らかの理由で私は一緒につなぎ合わせるのに苦労しています。 divで0の不透明度から50％の不透明度にフェードインして停止するアニメーションの「フェードイン」エフェクトを作成したいと思います。

私の知る限り理解して：

var duration = 1000; 
$('#mydiv').fadeIn(duration); 

はこれを制限するオプションなしで、100％にdiv要素をフェードします。

仕上げの不透明度を設定するエレガントな方法はありますか？

Answer 1

.fadeTo（）;

これだけです。

http://api.jquery.com/fadeTo/

---

あなたはIEとアルファチャンネル付きの問題に気づくでしょう。 0.5に設定された第2パラメータで

filter:alpha(opacity=x). 

Answer 2

私はあなたがfadeTo()メソッドを使用すると思います。

Answer 3

使用.fadeTo()：

これらは...

opacity:0; 
-moz-opacity:0; 

FF、クロム及び残りの素敵ですIEはこれを見て期待しています。

Answer 4

条件別のブラウザを追加する必要はありません - jQueryのIEとFirefoxでの不透明度を処理するだけで、標準的な不透明度呼び出しを使用して：

$('#mydiv').animate(
    { 
     opacity : 0.5 
    }, 500 
); 

そして、ええ、言及した他の人のようにfadeToを使用しています。