問題タブ [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.
jquery - JSFiddle以外の場所でjQueryのfadeToとfadeInが機能しない
クロムやサファリで機能する単純なフェードイン効果さえ得られないようですが、jsfiddle(Chrome 19.0.1084.56およびSafari 5.1.7)では完全に機能します。また、動作するJavaScriptエラーも発生していません。以前私が試した
$("#fade").hide().fadeIn
これはjsfiddleでもうまくいきましたが、私のファイルではうまくいきませんでした。興味深いことに、fadeOut を使用すると問題なく動作します。
以下に私のコードを示します。問題なく動作しますか? なぜそれが私に向いていないのかについて何か考えがあれば、教えてください!
jquery - jqueryホバー伝播
私はホバー画像でこれを使用しています:
しかし、マウスを画像上で 2 回以上すばやく通過させると、$('#txtapart') が 2 回以上フェードインおよびフェードアウトします。フェードの伝播を止めるにはどうすればよいですか?
ご協力いただきありがとうございます...
javascript - jQueryのfadeTo効果の時間を測定しますか?
現在、jQueryfadeTO
を使用して div をフェードインしています。ただし、ここでタイミングに関する小さな問題があります。fadeTO
jQuery効果で時間を計測したいアニメーション GIF ファイルがあります。
ページが完全に読み込まれるまでスクリプトを起動しないように使用しようとしwindow.onload
ましたが、ページが読み込まれるまでスクリプトを起動しないという点で技術的には機能します。ユーザーのインターネット接続に応じて、これはタイミングが良い場合もあれば、タイミングがずれることもあります。できるだけ正確なタイミングになるように、GIF アニメーションで効果のタイミングを合わせたいと思います。私が使用している現在のスクリプトは次のとおりです。
私の質問は、GIF が完全に読み込まれて画面に表示されるとすぐにスクリプトを起動するにはどうすればよいですか? 私の考えでは、GIF がロードされ、GIF がロードされたときにスクリプトが開始されると、GIF を使用してスクリプトが適切にフェードインするタイミングを計ることができます。
これらのタイミングをより良くする方法について、私は他の考えを受け入れます。
jquery - FadeTo メソッドをウィンドウ スクロール イベントで動作させるには助けが必要
スクロール位置に基づいて、1ページのWebサイトのフェードインとフェードアウトの各「セクション」を取得しようとしています。セクションを display:block のままにしたいので、 FadeIn /FadeOut ではなくFadeToメソッドを使用しています。
アイデアは、各セクションが上部から特定の距離に達したときにフェードインし、特定の要件を満たさなくなったときにフェードアウトすることです。私の現在のマークアップの試みは次のとおりですが、どこで間違いを犯しているのかを理解するのに苦労しています
関数:
そして私のウィンドウスクロールイベント:
私の懸念は、live()が廃止され、delegate()がスクロール イベントで機能しないため、DOM が読み込まれた後に totalScroll 変数が継続的に更新/再計算されないことです。
前もって感謝します!
jquery - JqueryMouseoutドロップダウンメニュー
mouseoutイベントを修正しようとしています。
私は要素を持っています
イムがホバリングしたときに表示します。ただし、「。page_item.page-item-2」要素と#dropdown要素でmouseoutイベントが発生すると、それが消えるようにします。
これが私のJqueryコードです(完全には機能しません)
これには簡単な解決策があると確信しています。助けてください
jquery - 大規模な画像を使用したChromeでの不透明度の変化の遅れ
新しい写真を表示する前に現在の写真をフェードアウトする簡単なスライドショーがあります。FFとIEでうまく機能しますが、Chromeでは効果が非常に遅くなります...
Chromeの遅延は、拡大縮小された画像にのみ表示されることに気付きました
再現するコードは次のとおりです。
ここでの作業デモ:http://jsfiddle.net/f3tta/18/embedded/result/
(注:コメントは、ここでブラウザーのキャッシュを回避する前のデモを参照して行われました)
再現できますか?完全に拡大縮小された画像を提供することなく、遅延を回避するためにどのような解決策が必要ですか?
jquery - JQueryfadeTo遅れ
JQueryのfadeToエフェクトを使用して、マウスオーバーで画像の不透明度を0.2に変更し、マウスオーバーで1に戻します。私が遭遇する問題は、mouseleaveイベントをトリガーするたびに、画像の不透明度が0.2になり、不透明度の値が1に戻ることです。これは、遅延機能を使用しているようですが、使用していません。ヒントをいただければ幸いです。コードは次のとおりです。
jquery - フェードイン/フェードアウト、固定/スティッキーヘッダー
さて、@ adeneoが以前に回答して評価したこの質問をすでに行ったようですが、これを機能させることができないため、頭がガタガタしています。
下にスクロールすると「固定」位置のヘッダー「fadeTo」0.5不透明度になり、ユーザーが上にスクロールすると完全な不透明度(「不透明度」:1.0)にフェードバックしようとしていますか?
これが私が持っているものです:
現時点では、このコードを使用すると、下にスクロールすると「fadeTo」0.5の不透明度になりますが、上にスクロールすると完全な不透明度(不透明度:1.0)にフェードバックしません。
助けてください!