問題タブ [fadein]

以下のコードを使用して、ページ コンテンツに jQuery フェードイン フェードアウト効果を作成しようとしています。

したがって、ユーザーがメイン リンクまたはギャラリー リンクのいずれかをクリックするたびに、古いコンテンツがフェード アウトし、新しいコンテンツがフェード インします。私が直面している問題は、リンクごとに同じコードを何度も繰り返さなければならないことです。そのため、これを単純化するためにループを使用しようとしましたが、機能しません。これが私のコードです：

リンクごとに繰り返しスクリプトを書くとうまくいきますが、それらをループで組み合わせるとうまくいきません。FadeOut 効果しか得られず、その後は何も起こりません。

これは非常に単純な問題である場合もあれば、jQuery の奥深い問題である場合もあります。ヒントやヘルプをいただければ幸いです。

TK

ここに私のコード-

htmlコード-

これは問題なく動作しますが、画像の変更中にロールオーバー効果を設定するにはどうすればよいですか。これは、マウスオーバーでフラッシュを使用して背景画像を変更するだけなので、フェードイン、フェードアウト、またはその他の何かが必要なためです...

BG DIV をフェードインするために、fadeIn を使用しています。

例: http://commonmovement.com/MIP/about-mip.html

これは、「ポップアップ」するだけの IE を除くすべてのブラウザで機能します。これを修正する方法がわかりません。

私は使用してみました：

$('#main.about_main').css('filter', 'alpha(opacity=0)'); $('#main.about_main').fadeIn(2000);

しかし運がない。

CSS:

#main { height:100%; width:100%; padding:0; }

#main.about_main {display: none;}

誰でもこれを修正する方法を知っていますか?

ありがとう

更新しているWebページがあります。このページでは、プロトタイプとライトボックスを併用しています。現在のページをjQueryのみに変更したくありません。他に何がPrototypeを使用しているかわからないため、Prototypeをもう含めないと後で壊れてしまいます。

私の問題は次のとおりです。

ボタンをクリックするだけでフェードインおよびフェードアウトしたいTDがいくつかあります。これは、一時的にPrototypeを取り出すときに完全に機能します。Prototypeを元に戻すとすぐに、fadeOut()jQuery関数は完全に機能しなくなります。これは、プロトタイプにもfadeIn()＆fadeOut()関数があるためだと思います。

Prototypeにこれらの関数を関数として認識させずに、jQueryに完全に実行させる方法はありますか？

これが私のjQueryコードです：

どんな助けでもありがたいです、そして前もって感謝します。

私は非常に素晴らしいものに困惑しました、私はいくつかの次のプロジェクトで使用したいと思っていました。

これは、ロード時にアニメーション化された不透明度です。または、フェードインと呼ぶこともできます。

いくつかの要素（例3）をリンクして、終了しelement2たときにのみ開始し、element1終了したときにのみ開始できるかどうか疑問に思いelement3ました。2は？

または、で遅延を定義し、で遅延element2を乗算する必要がありますelement3か？

親コンテナ内のコンテナ間でフェードインおよびフェードアウトするjQueryスクリプトがあります。クリックしたボタン（デザイン、ウェブ）に応じて、どのコンテナ（#design、#web）がフェードアウトし、どのコンテナがその場所でフェードインするかを決定します。

ここで重要なのは、これらのコンテナー（#design、 ）の高さが異なるため、これらのコンテナー間でフェードアウトおよびフェードインすると、関数呼び出しが終了#webした直後にページが特定の位置にジャンプすることです。fadeIn()その位置（x、y）#designは、親コンテナー（つまり空のコンテナー）内にコンテナー（ 、#web）が表示されず、ページが一番下までスクロールされた場合のページの位置とまったく同じです。

他の誰かが以前にこれに遭遇したことがありますか？この問題は私を際限なく悩ませているので、どんなアドバイスも大歓迎です。

PS。FirefoxとSafariでこれをテストしましたが、どちらも同じ問題を示しています。

//編集1： チェックアウトできるURLは次のとおりです：http ：//toolboxstudio.co.za/version3/？page = packages

コンテナがどのように空に見えるかを確認したい場合は（http://toolboxstudio.co.za/version3/?page=packages#empty）、バナーのすぐ下にあるボタン（デザインまたはWeb）をクリックします。正しいコンテンツでフェードインし、2つを切り替えます。フッターの下に余分なスペースがなく、空のコンテナーが入ったページ全体にページが収まるようにしてください。次に、ボタンをクリックして少し下にスクロールし、2つのボタンを切り替えます。ページジャンプについて私が何を意味するかがわかります。

コードは次のとおりです。

サイドバーに小さなJQueryタブウィジェットがあり、ページが読み込まれるとフェードインし、それ自体とタブの背後にある興味深いコンテンツに注意を促します。

この効果を構築するには、個々のタブが次々にフェードインする可能性があると便利です。

これは可能ですか？もしそうなら、どのように？

この例でわかるように、IE（7と8の両方）のテキストdivにjQueryのfadeIn（）またはfadeOut（）をうまく利用するのに問題があります：http：//jsbin.com/etatu3/5 （を参照）ここのコード：http：//jsbin.com/etatu3/5/edit）

調査を行いましたが、フィルターの不透明度が原因のようです。

使ってみました

しかしもちろん、それは機能しませんでした。私はhasLayoutをチェックしました、それは本当です。

このような大きなタイトルではかなり醜いので、フェードアニメーション中にテキストがエイリアスされないようにするための解決策はありますか？

あなたの答えをありがとう:)

編集：明確にするために、私が含めた例でわかるように、私はすでにremoveAttribute（'filter'）;を使用しています。これは、アニメーション中ではなく、アニメーションの後に機能します。

シンプルな HTML ページと、マウスオーバー イベントで jQuery の基本的な $(#element).fadeOut メソッドを使用する JavaScript があります。$(#element).hide() メソッドも使用します。

しかし、私のページのフォーカスは上に移動します! 意味: 少し下にスクロールして要素にマウスオーバーすると (スクリプトを切り替えます)、スクリプトは正常に実行されますが、スクローラーがすぐに上がり、スクロールした場所が失われます。

どうすればこれを修正できますか?

これが私のコードです：

フェードイン機能:

スクリプト呼び出しの例:

編集：HTMLコードの一部を追加

また、CSS の一部がこの問題を引き起こす可能性はありますか? 前もって感謝します