javascriptフェードアニメーション

Question

私のスクリプトでは、特定のDOM要素がフェードインしたいと思っています。私はタイムアウト機能を使ってみましたが、うまく動作しませんでした。

このためにフェードイン効果を実装する方法を教えてください。 jqueryやその他のフレームワークはお勧めできません。

Answer 1

あなたのJSに行くためのマークアップを提供できますか？私たちは何を見ているのですか？

また、jQueryや他のフレームワークを使用したくない場合でも、実装を見て、このようなことを実現する方法を確認できます。フェーディングは、IE6の不透明な透過性のサポートのために、クロスブラウザを実装することは難しいことです。

Answer 2

多くの優れたJavascript開発者がアニメーション機能を記述していますので、実際には自分自身（そしてあなたの視聴者）に使ってもらいたいと思います。人々はjQueryを提案しています。これは素晴らしいことです。 MooToolsはもう一つの素晴らしい選択肢です。

しかし、Javascriptでアニメーションを書く方法の方向に微調整したい場合、私はここで本当に素早く何かを調理しました。クロスブラウザテストは行われていないことに注意してください。私はIE6でも動作しないと確信しています（IE7でも？）。また、他の人がすでに私のためにテストしたコードに感謝します。

これは、ネイティブのJavascriptでそれを行うことができる方法の単なるアイデアです：

function fadeIn(el, speed) { 
    el.style.opacity = 0; 
    var interval = setInterval(function(){ 
     el.style.opacity = parseFloat(el.style.opacity) + 0.1; 
     if(el.style.opacity == 1.0) { 
      clearInterval(interval); 
     } 
    },speed/10); 
}