問題タブ [fadeto]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
3723 参照

jquery - JSFiddle以外の場所でjQueryのfadeToとfadeInが機能しない

クロムやサファリで機能する単純なフェードイン効果さえ得られないようですが、jsfiddle(Chrome 19.0.1084.56およびSafari 5.1.7)では完全に機能します。また、動作するJavaScriptエラーも発生していません。以前私が試した

$("#fade").hide().fadeIn

これはjsfiddleでもうまくいきましたが、私のファイルではうまくいきませんでした。興味深いことに、fadeOut を使用すると問題なく動作します。

以下に私のコードを示します。問題なく動作しますか? なぜそれが私に向いていないのかについて何か考えがあれば、教えてください!

0 投票する
2 に答える
836 参照

jquery - jqueryホバー伝播

私はホバー画像でこれを使用しています:

しかし、マウスを画像上で 2 回以上すばやく通過させると、$('#txtapart') が 2 回以上フェードインおよびフェードアウトします。フェードの伝播を止めるにはどうすればよいですか?

ご協力いただきありがとうございます...

0 投票する
2 に答える
161 参照

javascript - jQueryのfadeTo効果の時間を測定しますか?

現在、jQueryfadeTOを使用して div をフェードインしています。ただし、ここでタイミングに関する小さな問題があります。fadeTOjQuery効果で時間を計測したいアニメーション GIF ファイルがあります。

ページが完全に読み込まれるまでスクリプトを起動しないように使用しようとしwindow.onloadましたが、ページが読み込まれるまでスクリプトを起動しないという点で技術的には機能します。ユーザーのインターネット接続に応じて、これはタイミングが良い場合もあれば、タイミングがずれることもあります。できるだけ正確なタイミングになるように、GIF アニメーションで効果のタイミングを合わせたいと思います。私が使用している現在のスクリプトは次のとおりです。

私の質問は、GIF が完全に読み込まれて画面に表示されるとすぐにスクリプトを起動するにはどうすればよいですか? 私の考えでは、GIF がロードされ、GIF がロードされたときにスクリプトが開始されると、GIF を使用してスクリプトが適切にフェードインするタイミングを計ることができます。

これらのタイミングをより良くする方法について、私は他の考えを受け入れます。

0 投票する
1 に答える
85 参照

jquery - FadeTo メソッドをウィンドウ スクロール イベントで動作させるには助けが必要

スクロール位置に基づいて、1ページのWebサイトのフェードインとフェードアウトの各「セクション」を取得しようとしています。セクションを display:block のままにしたいので、 FadeIn /FadeOut ではなくFadeToメソッドを使用しています。

アイデアは、各セクションが上部から特定の距離に達したときにフェードインし、特定の要件を満たさなくなったときにフェードアウトすることです。私の現在のマークアップの試みは次のとおりですが、どこで間違いを犯しているのかを理解するのに苦労しています

関数:

そして私のウィンドウスクロールイベント:

私の懸念は、live()が廃止され、delegate()がスクロール イベントで機能しないため、DOM が読み込まれた後に totalScroll 変数が継続的に更新/再計算されないことです。

前もって感謝します!

0 投票する
2 に答える
1282 参照

jquery - JqueryMouseoutドロップダウンメニュー

mouseoutイベントを修正しようとしています。

私は要素を持っています

イムがホバリングしたときに表示します。ただし、「。page_item.page-item-2」要素と#dropdown要素でmouseoutイベントが発生すると、それが消えるようにします。

これが私のJqueryコードです(完全には機能しません)

これには簡単な解決策があると確信しています。助けてください

0 投票する
1 に答える
517 参照

jquery - 大規模な画像を使用したChromeでの不透明度の変化の遅れ

新しい写真を表示する前に現在の写真をフェードアウトする簡単なスライドショーがあります。FFとIEでうまく機能しますが、Chromeでは効果が非常に遅くなります...

Chromeの遅延は、拡大縮小された画像にのみ表示されることに気付きました

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

ここでの作業デモ:http://jsfiddle.net/f3tta/18/embedded/result/

(注:コメントは、ここでブラウザーのキャッシュを回避する前のデモを参照して行われました)

再現できますか?完全に拡大縮小された画像を提供することなく、遅延を回避するためにどのような解決策が必要ですか?

0 投票する
0 に答える
95 参照

jquery - JQueryfadeTo遅れ

JQueryのfadeToエフェクトを使用して、マウスオーバーで画像の不透明度を0.2に変更し、マウスオーバーで1に戻します。私が遭遇する問題は、mouseleaveイベントをトリガーするたびに、画像の不透明度が0.2になり、不透明度の値が1に戻ることです。これは、遅延機能を使用しているようですが、使用していません。ヒントをいただければ幸いです。コードは次のとおりです。

0 投票する
1 に答える
8693 参照

jquery - フェードイン/フェードアウト、固定/スティッキーヘッダー

さて、@ adeneoが以前に回答して評価したこの質問をすでに行ったようですが、これを機能させることができないため、頭がガタガタしています。

下にスクロールすると「固定」位置のヘッダー「fadeTo」0.5不透明度になり、ユーザーが上にスクロールすると完全な不透明度(「不透明度」:1.0)にフェードバックしようとしていますか?

これが私が持っているものです:

現時点では、このコードを使用すると、下にスクロールすると「fadeTo」0.5の不透明度になりますが、上にスクロールすると完全な不透明度(不透明度:1.0)にフェードバックしません。

助けてください!