問題タブ [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.
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がクリックされていることを表示する」イベントが必要です。
jquery - スクロール キャッチが機能し、1 ピクセルだけ移動する
animate
jQueryを使用してページを上にスクロールするコード ブロックがありますが、使いやすさを向上させるために、ユーザーが何らかの方法でスクロール モーションを妨害した場合 (たとえば、スクロール ホイール、スクロールバーをつかむなど)、モーションはすぐに停止します。 .
私は 1 週間前にここで質問をしましたが、何人かのテスターが親切にコードを試したところ、Gecko ベースのブラウザーでは動作しないと報告されました。
これは私がこれまでに持っているコードです:
基本的にクリック#gototop
すると、スクロールが一番上にアニメーション化され始めます。スクロールが妨げられると、スクロール動作が停止し、テキスト#gototop
がリセットされます。
このコードにはいくつかの問題があります: 一部の部分は途方もなく非効率的であり、Gecko ベースのブラウザーでは動作しません (大問題)。
どうすれば機能しますか?それを効率的にする方法についての指針はありますか?
jquery - jqueryの複数のフェードインアニメーション
水平に並べられたいくつかのボックスを次々とフェードインしたいと思います。各ボックスがクラスfadeable
に属し、ID を持っているとします。さらに、ボックスを外側から内側にフェードさせたいと思います。例:
など。jQueryを使用してこれを理解する最良の方法は何ですか?
これが私が今持っているものです(大まかに)-各ボックスdivに自動インクリメントメタデータIDboxid
を与え、次を実行します:
これを行うためのより良い/スムーズな方法はありますか? (アニメーションを使用するか、キューに入れるか?) さらに、CSS で要素を配置するための最良の方法は何ですか?
ありがとう!
jquery - jqueryアニメーション完成
わかりましたので、正常に動作するスクロール可能なタブ クラスがありますが、移動しようとしている方向にスクロールできない場合は、コントロールを非表示にしたいと考えています。だから私はこのようなものを持っています;
次に、アニメーション化されていないことを確認する関数を作成したいと思います(アニメーション化されている場合、位置が正しくないため)。次に、画像を表示するかどうかを修正します。私が抱えている問題は、アニメーション化されていないことを確認することです。どんな助けでも大歓迎です。
jquery - jQuery スムーズな画像変更
jQuery スクリプトで画像の変更をスムーズにする方法を知りたいです。
animate() チェーンも持っていますが、「src」の変更をそれに追加できますか? 悲しいことに、画像を CSS の背景として使用することはできません...
ここに小さなサンプルがあります...
javascript - このjQuery.animate呼び出しが非常に遅いのはなぜですか?
こんにちはすべて私はかなり簡単な機能を持っています
アニメーション自体、不透明度の変化は非常に高速ですが、呼び出すのが遅れるようなものです。console.time()は、2540MS以上の時間を報告しています。div#moduleがその子と一緒にアニメーション化されているためかもしれないと思いますか?しかし、同じことを逆に実行し、妥当な速度で実行される別の関数「disableModule」があるため、このdosentは理にかなっています。
これがモジュールの無効化機能です。かなり多くのことが行われていますが、約242msの時間が返されます
jquery - 画像のホバー/フェード/アニメーションに関する JQuery ヘルプ
javascript/jquery を作成して、ホバーしたときに
ラバランプ効果を使用してみましたが、移動機能を停止するのは奇妙に見えますが、考えられる/達成できるのはそれだけです。しかし、その後、「ホバー」画像をフェードインおよびフェードアウトさせたいという別の問題に遭遇しました。
このメニューを見ることができます。これは、私がこれまでに達成したものです - http://valkesh.000space.com
基本的にコードは次のとおりです-
誰かが少なくとも2つまたは3つの画像でホバーを行うように私を案内していただければ幸いです
ありがとう
jquery - アニメーションまたは slideUp/slideDown で stop() を使用する場合の jQuery の高さ
非表示のサブメニューがあるメニューがあります。
メニューアイテムにマウスオーバーするとサブメニューが開き、マウスアウトするとサブメニューが閉じるようにアニメーション化しています。
ユーザーが多くのメニュー項目の上にマウスを置くと、すべてのアニメーションがキューに入れられます。
キューイングの問題を解決するために、アニメーションの前に stop() を追加しました。
これにより、サブメニューの高さがマウスアウト時のサイズに縮小するというさらに悪い問題が発生しました。