0

私は JavaScript の経験があまりありませんが、これは難しい問題ではないと思います。それでも、私は迷子になり、ページが読み込まれたときに複数の div を遅延させてフェードインする方法を考えています。たとえば、Jquery を使用して 5 ～ 10 div です。以下は私が使用していて必要なコードですが、5つ以上のdivをロードできるように変更されています:

<script>
    $(".fade").hide(0).delay(1000).fadeIn(1000)
</script>​
4

3 に答える 3

3 
$(".fade, #anotherElement, #yetAnother, .etc").hide(0).delay(1000).fadeIn(1000)

これは、複数のセレクターと呼ばれます。

于 2012-08-07T00:35:07.603 に答える
1

そのコードは、実行時に ".fade" 要素が既に解析されている場合<head>は正常に動作するはずです。そのスクリプト ブロックを. スクリプト ブロックが本文の一番下にある場合は動作します。または、ドキュメントの解析後に実行されるように、ドキュメント対応ハンドラーにコードを配置すると、次のようになります。

$(document).ready(function() {
   $(".fade").hide(0).delay(1000).fadeIn(1000);
});

デモ: http://jsfiddle.net/nnnnnn/QHwge/

于 2012-08-07T00:36:11.883 に答える
0

JavaScript でこれを行う必要はありませんが、ここにある例はすべて正常に動作するようです。

CSS を使用した例を次に示します。

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
  opacity: 0.5;
}
于 2012-08-07T00:39:39.597 に答える