問題タブ [fadein]

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 投票する
1 に答える
6834 参照

jquery - jQueryはマウスオーバーでフェードイン/フェードアウトしますか?

<img />次の構造のリンクがあります。タグを非表示にしてマウスオーバーでフェードインするには、jQuery/css がどうあるべきかを知りたいです。

ここでの考え方は、HTML の <img> が非表示になり、マウスオーバーでフェードインしてスムーズな効果を提供するというものです。

一方、CSS の背景が最初に表示されます。

HTML:

<div id="nav">

<a href="何とか" id="id1">

<img src="hoverimg.png" alt="リンク テキスト 1" /> <span> リンク テキスト 1 </span> </a>

<img src="hoverimg2.png" alt="リンク テキスト 2" /> <span> リンク テキスト 2 </span> </a>

</div>

CSS:

jQuery:

余談ですが、ターゲット要素が数レベルの深さでネストされた子ノードである場合、jQuery はアニメーションを複数回実行することに気付きました。これを止める方法はありますか?

0 投票する
5 に答える
45471 参照

jquery - jquery のフェード要素に、'visibility: hidden' スタイルの要素が表示されない

visibility: hidden;すべてのサムネイルが正しいレイアウトを維持するように、スタイルでロードしているサムネイルがたくさんあります。ページが完全にロードされると、それらをフェードインするjquery関数があります。これは、スタイルがに設定されているときに機能しましたdisplay: none;が、明らかにレイアウトが台無しになりました。助言がありますか?

フェードラインは次のとおりです。

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

jquery - マウススクロールでのJQueryFadeIn/ FadeOut

jQueryが次のアクションを処理できるかどうか疑問に思いました:

読者がBlogspotブログページを下にスクロールし始めたときにURLリンクを表示したいと思います。これらのリンクは、読者がページを一番上の位置(0%表示)にスクロールするまで、常に100%表示されたままになります。

私は1つのjQueryを見つけました、それはここにあります。

しかし、これはWebサイトボタンの上部にスクロールするように機能します。jQueryがこのように機能することを望みますが、マウスクリックで一番上にスクロールする代わりに、リーダーを特定のURLリンクにリダイレクトします(マウスクリックで)。

これを行うことは可能ですか?

ありがとうございました。

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

jquery - jQuery フェードイン/フェードアウト ループの問題

ループを使用してシーケンシャル アニメーションを実行しようとしていますが、スムーズに実行できません (「ラグ」の問題がいくつかあります)。

jQuery

CSS

HTML

ありがとう!

0 投票する
4 に答える
7592 参照

jquery - アイテムの点滅。(Jquery FadeIn FadeOut ?)

ユーザーがマウスをそのうちの1つに合わせるまで、同時に点滅させたい2つのdivがあります。

shouldiblink を '0' に設定するホバー イベントがあります。問題は、ページの準備が整うとすぐにループが開始され、ブラウザーがクラッシュすることです。

私はこの解決策に行き詰まっており、今のところ代替案が思いつきません。

手伝って頂けますか?

どうもありがとうございました。

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

jquery - jqQuery フォームプラグインで jQuery fadeIn が失敗する

フォームが正常に送信されたときにフェードインしたいというメッセージがあります。jQuery フォーム プラグインとコードを使用しています。

検証関数は完全に機能するので、trueを返す前にこのコードを追加しました:
(...)

これは、フォームの下にある div でフェードインし、display: none; としてスタイル設定する必要があります。
しかし、何が起こるかというと、div がフェードインしてから消えます。誰にも説明があり、おそらくそれを修正する解決策がありますか? 前もって感謝します!

コードはここのエラーアクションで見ることができます: http://gadebold.dk/events/tilmeld/

0 投票する
5 に答える
169 参照

jquery - JQUERY フェードイン - 追加されている LI ではなく、UL 全体を点滅させるのはなぜですか?

以下を考えると:

taglist LI リスト全体でフェードインし、追加された新しいアイテムを使用しないのはなぜですか?

ありがとう

0 投票する
3 に答える
3845 参照

jquery - 複数の要素を次々にフェードする

複数のリスト要素を次々にfadeIn(500)する解決策はありますか?

0 投票する
4 に答える
505 参照

jquery - jQuery アニメーションを途中で停止する

JQueryを使用して透明なpngをフェードインおよびフェードアウトしようとしています。もちろん、Firefox では滑らかに見えますが、IE (7 および 8) では許容範囲を大幅に下回っています。これは IE の既知のバグであり、残念ながら回避策はないようです。

基本的に私がやっていることは、画像の上に半透明の白い長方形を配置して、画像を「背景に」表示させることです。私はこれをスムーズに行いたいので、fadeIn の出番です。しかし、IE のバグのため、代わりに完全に不透明な白い四角形を画像上にフェードインすることを余儀なくされ、残念ながら画像が消えてしまいました。これはかなり良く見え、私が探しているものはほとんどありますが、まだ受け入れられません. バックグラウンドではありますが、ユーザーはページ上でいくつかの画像を見ることができる必要があります。

だから私の質問はこれです:

予想されるアニメーション時間の 75% をアニメーション化した後、fadeIn 関数 (または実際には任意の jquery アニメーション) を停止する方法はありますか?

これにより、画像の 75% が白い四角形と混合されたままになり、IE の厄介な透過 png バグに対処する必要がなくなります。

ありがとう!

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

jquery - jQuery Cycle Plugin:最初の画像を読み込み中の背景gifでプリロードしてから、Cycle Slideshowでフェードインする方法は?

私はこれに苦労しています、多分あなたの何人かが助けることができます...

  • jQuery Cycleプラグインを使用して、www.theoribeiro.comに大きな画像を含むホームページのスライドショーがあります

  • 画像が大きく、接続が遅い場合があります (ただし、高速の場合でも) スライドショーの開始の動作はかなり見苦しく、画像が突然表示されたり、半分ロードされたりします。

  • スライドショーが開始される前に、少なくとも 2 つまたは 3 つの最初の画像が読み込まれていることを確認したいのですが、その間に読み込み中のアニメーション gif を実行してから、最初の画像をフェードインしたいと考えています。

私はインターネットやフォーラムで多くのことを検索し、javascript と jQuery の限られた知識で多くのことを試しましたが、解決策を思いつくことができませんでした.

どんな助けでも大歓迎です!!!