問題タブ [jquery-animate]

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 に答える
5281 参照

javascript - jqueryanimateの後に非表示のdivを表示する

だから私はjqueryのアニメーションの後に見えないdivを表示する方法を理解しようとしています。divを表示するコードは次のとおりです。

divを非表示にするcss:

クリック時のアニメーション:

#menu_hアニメーションが完了した後にbox_greendivが表示されるようにするにはどうすればよいですか?また、非表示のdivもあると#box_yellowしましょう。box_greenを再びフェードアウトした後(再び非表示にした後)、どうすれば(box_green divと同じ効果で)表示できるようになりますか。私は実際に5つのdiv(box_greenとbox_yellowはそのうちの2つです)を持っており、「現在表示されているdivをオフにしてdivがクリックされていることを表示する」イベントが必要です。

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

jquery - スクロール キャッチが機能し、1 ピクセルだけ移動する

animatejQueryを使用してページを上にスクロールするコード ブロックがありますが、使いやすさを向上させるために、ユーザーが何らかの方法でスクロール モーションを妨害した場合 (たとえば、スクロール ホイール、スクロールバーをつかむなど)、モーションはすぐに停止します。 .

私は 1 週間前にここで質問をしましたが、何人かのテスターが親切にコードを試したところ、Gecko ベースのブラウザーでは動作しないと報告されました。

これは私がこれまでに持っているコードです:

基本的にクリック#gototopすると、スクロールが一番上にアニメーション化され始めます。スクロールが妨げられると、スクロール動作が停止し、テキスト#gototopがリセットされます。

このコードにはいくつかの問題があります: 一部の部分は途方もなく非効率的であり、Gecko ベースのブラウザーでは動作しません (大問題)。

どうすれば機能しますか?それを効率的にする方法についての指針はありますか?

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

jquery - jqueryの複数のフェードインアニメーション

水平に並べられたいくつかのボックスを次々とフェードインしたいと思います。各ボックスがクラスfadeableに属し、ID を持っているとします。さらに、ボックスを外側から内側にフェードさせたいと思います。例:

など。jQueryを使用してこれを理解する最良の方法は何ですか?

これが私が今持っているものです(大まかに)-各ボックスdivに自動インクリメントメタデータIDboxidを与え、次を実行します:

これを行うためのより良い/スムーズな方法はありますか? (アニメーションを使用するか、キューに入れるか?) さらに、CSS で要素を配置するための最良の方法は何ですか?

ありがとう!

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

jquery - jqueryアニメーション完成

わかりましたので、正常に動作するスクロール可能なタブ クラスがありますが、移動しようとしている方向にスクロールできない場合は、コントロールを非表示にしたいと考えています。だから私はこのようなものを持っています;

次に、アニメーション化されていないことを確認する関数を作成したいと思います(アニメーション化されている場合、位置が正しくないため)。次に、画像を表示するかどうかを修正します。私が抱えている問題は、アニメーション化されていないことを確認することです。どんな助けでも大歓迎です。

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

jquery - jQuery スムーズな画像変更

jQuery スクリプトで画像の変更をスムーズにする方法を知りたいです。

animate() チェーンも持っていますが、「src」の変更をそれに追加できますか? 悲しいことに、画像を CSS の背景として使用することはできません...

ここに小さなサンプルがあります...

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

javascript - このjQuery.animate呼び出しが非常に遅いのはなぜですか?

こんにちはすべて私はかなり簡単な機能を持っています

アニメーション自体、不透明度の変化は非常に高速ですが、呼び出すのが遅れるようなものです。console.time()は、2540MS以上の時間を報告しています。div#moduleがその子と一緒にアニメーション化されているためかもしれないと思いますか?しかし、同じことを逆に実行し、妥当な速度で実行される別の関数「disableModule」があるため、このdosentは理にかなっています。

これがモジュールの無効化機能です。かなり多くのことが行われていますが、約242msの時間が返されます

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

jquery - 画像のホバー/フェード/アニメーションに関する JQuery ヘルプ

javascript/jquery を作成して、ホバーしたときに

  • 「左」、「中央」、「右」の画像があるため、2 つまたは 3 つのクラスがホバリング画像として呼び出されます。左右は固定幅になりますが、真ん中は残り幅のサイズに合わせて大きくする必要があります。

    ラバランプ効果を使用してみましたが、移動機能を停止するのは奇妙に見えますが、考えられる/達成できるのはそれだけです。しかし、その後、「ホバー」画像をフェードインおよびフェードアウトさせたいという別の問題に遭遇しました。

    このメニューを見ることができます。これは、私がこれまでに達成したものです - http://valkesh.000space.com

    基本的にコードは次のとおりです-

    誰かが少なくとも2つまたは3つの画像でホバーを行うように私を案内していただければ幸いです

    ありがとう

  • 0 投票する
    5 に答える
    3038 参照

    jquery - アニメーションまたは slideUp/slideDown で stop() を使用する場合の jQuery の高さ

    非表示のサブメニューがあるメニューがあります。

    メニューアイテムにマウスオーバーするとサブメニューが開き、マウスアウトするとサブメニューが閉じるようにアニメーション化しています。

    ユーザーが多くのメニュー項目の上にマウスを置くと、すべてのアニメーションがキューに入れられます。

    キューイングの問題を解決するために、アニメーションの前に stop() を追加しました。

    これにより、サブメニューの高さがマウスアウト時のサイズに縮小するというさらに悪い問題が発生しました。