JavaScript - 2 つのスワイパーがネストされており、外側のスワイパー アニメーションが初期化されると、アニメーション要素は非表示になり、表示されません。

初期状態：2ページ目にスライドしてから元に戻すと、アニメーション要素が表示され、アニメーションが正常に再生されます JSコード

我想大声告诉你 2017-05-19 10:32:28 0  1  792

後続のクラスが要素に追加されるたびに CSS アニメーションを実行する方法

要素をアニメーション化できるように CSS アニメーション クラスを設定しました。入力ボタンがクリックされるとこのクラスが追加され、例の入力ボタンがクリックされるたびに画面に飛ぶようにしたいです。ただし、これは初回のみ機能し、それ以降の入力クリックでは要素はアニメーション化されません。ここで何が足りないのでしょうか？ $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42 0  1  566

html - jquery で setInterval を使用して歯車をループでスクロールさせる

現在作成しているアニメーションは、マウスがホバーしているときにスクロール イベントがトリガーされるもので、ページが読み込まれた後に歯車が展開され、一定期間後に再び元に戻るというものです。時間の。右スクロール、左スクロールどちらも実現できるのですが、jqueryで「一定時間経過後+ロールアウトしてロールバック…」の書き方が分かりません。

習慣沉默 2017-05-16 13:25:04 0  3  863

CSS アニメーションを終了時に最終状態に保つ

CSS で opacity:0; に設定されているいくつかの要素でアニメーションを実行しています。キーフレームを使用してアニメーション クラスが onClick イベントに適用され、不透明度が 0 から 1 に変更されます (その他の変更もいくつかあります)。残念ながら、アニメーションが終了すると、要素は不透明度: 0 の状態に戻ります (Firefox と Chrome の両方)。私の直感では、アニメーション化された要素は最終状態に残り、元のプロパティがオーバーライドされると考えています。これは本当ではないでしょうか？そうでない場合、要素を最終状態に保つにはどうすればよいでしょうか?コード ...

P粉950128819 2023-08-20 18:36:55 0  2  687

wowjs アニメーション CSS が無効です。wowjs はアニメーション クラスを HTML 要素に追加しません

ここの Web サイトにアクセスし、開発者ツールを使用して確認すると、次の行が表示されます<!--Singleportfolioitemone--><sectionclass="single-itemscenter-blockparallaxm-0"id="home" style="background: url (革新的/img/シングルポート

P粉748218846 2024-03-19 21:29:39 0  1  411

ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法

私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです。要素の上に移動すると、マウスが要素から離れた場合でもアニメーションがトリガーされるという考えです。要素の上にマウスを移動すると、アニメーションが再生されて 0 度に留まり、マウスが離れると別のアニメーションが再生され、回転して -8 度に戻ります。 consstelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  505

マウスが要素上で停止したかどうかを確認するにはどうすればよいでしょうか?

JavaScriptまたはCSSを使用して要素の上にマウスを置くのを止める方法を知りたいです。マウスを要素の上に置くと背景の色が変わるアニメーションを作成しています。また、要素の上にマウスを置くのをやめたときにアニメーションを追加したいと考えています。これどうやってするの？

P粉547420474 2024-03-31 13:28:28 0  1  409

JavaScript コードの実行に関するスコープ順序の問題?

var mark2=true;$(".right").click(function(){ {code...} function move(obj){ {code...} $(".right") をクリックして移動関数を実行します, 主にobj要素にアニメーションを追加するためと、$(".right")がクリックされすぎてアニメーションが重畳されるのを防ぐためです。

phpcn_u1582 2017-06-26 10:51:58 0  2  749

JavaScript - 非常にわかりにくい質問をしますか? jQueryのis(":animated")について

jQuery における is(":animated") の実装原理は何ですか? 現在の要素がアニメーション化されているかどうかを判断する基準は何ですか?運動の時間ですか？それとも他の属性によって判断されるのでしょうか？通りすがりの専門家が私にいくつかのアドバイスをくれることを願っています...

phpcn_u1582 2017-06-26 10:55:56 0  1  779

html5 - z-index はブラウザのデバッグでは有効ですが、携帯電話のテストでは無効です

ブラウザのデバッグ時、ドラッグ イベントが発生すると矢印が非表示になりますが、モバイル WeChat では使いにくいです。この要素にはアニメーション アニメーションがあります。アニメーションを削除すると有効になります。追加すると、アニメーションが有効になります。無効です。現在のスタイル ファイルにはフローティングがありません。位置の理由または理由はブラウザ内にあるはずです...

高洛峰 2017-07-04 13:45:06 0  2  1851

javascript - マウスダウンイベントに関する質問

助けてください。$.animate を使用して、ページ要素 mousdown に基づいたイベントを実装しました。実行後、問題が見つかりました。マウスを連続して複数回クリックすると、アニメーションが複数回繰り返し再生されます。希望する効果達成するには、クリックするたびに最初から開始します。アニメーションを再生すると、複数回クリックすると、次のような複数のマウスダウン イベントが生成されます。

世界只因有你 2017-05-19 10:14:34 0  1  441

コンテンツを圧縮せずにトランスフォームで高さをアニメートする方法

私のプロジェクトでは、jQueryslideUp() を使用して、ユーザーがボタンをクリックしたときに 200 項目のリスト内の要素を上にスライドさせました。ただし、CSS 高さアニメーションにはリフローが必要であり、アニメーションが不安定になることが知られています。アニメーションはアプリケーションの不可欠な部分であり、アニメーションをスムーズに動作させるために多くの作業を行うつもりです。 CSStransform は GPU 上で処理され、一部の最新のブラウザーではメインスレッドから外れていて、重い JS 作業が変換に影響を与えないため、CSStransform がスムーズに動作する方法であ...

P粉208469050 2024-01-01 11:51:20 0  1  478

html5 - 疑似要素が追加されましたが、要素を表示すると表示されません

{コード...} このように二方向にアニメーションを設定したいのですが、重ね合わせると曲線の効果が出ますが、今追加した疑似要素は要素を表示すると見えません。理由を聞いてもいいでしょうか？どこに書き間違えたのでしょうか？

为情所困 2017-07-04 13:45:09 0  2  2039

JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 &lt;div class="ball"&gt;&lt;/div&gt; を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02 0  2  860

JavaScript - React でアニメーション効果を記述するにはどうすればよいですか?

React でコンポーネントのアニメーション効果を作成するにはどうすればよいですか?たとえば、単純なダイアログ ボックスの場合、[キャンセル] をクリックした後、ダイアログ ボックスが最初にフェードアウトしてから消えるようにしたいと考えています。 jquery を使用する場合、非常に簡単です。まず animate({ //Fade CSS}, function(){ //DOM}) を実行します。でも、どうやって反応すればいいのかわかりません...

世界只因有你 2017-05-18 10:58:34 0  2  773

変換された要素がオーバーフローして自動的に切り取られるのを防ぐにはどうすればよいですか?

Bootstrap4 を使用して、友人の個人 Web サイト用のモーダル ギャラリーを作成しています。ホバーすると画像が拡大するように設定しましたが、オーバーフローを自動に設定すると、モーダル（または div）の端で画像が切り取られてしまいます。ギャラリーも一連のタブの 3 番目ですが、どれもうまく機能します。どの div に overflow-auto クラスがあるかを変更しようとしました。すべて異なるタグを付けようとしましたが、何を試しても、ギャラリーがスクロールし、画像がスクロールするようにする方法がわかりません。ホバーカット時にぼやけません。関連するコード: .g

P粉242535777 2023-09-07 20:04:02 0  1  609

フォーム内のアニメーション画像要素に対して送信された画像座標を解釈する

php$_POST 配列を確認して、ユーザーがアニメーション画像をクリックした場所を示す X:Y 値をキャプチャしたいと考えています。問題は、静止画像の入力送信情報を取得できる一方で、アニメーション画像からは値を取得できないことです。この動作を示す完全な HTML ページとフォームは次のとおりです: <!doctypehtml><html><head><metacharset="utf-8"><title>Gunf

P粉421119778 2024-02-26 22:34:14 0  1  688

個別の HTML 要素に分割されたテキスト行のフォント間隔を保持します。

私は単語を個別の HTML 要素に分割し、アニメーションを介して個別に配置できるようにするという一般的な手法を再作成しようとしています。私が抱えている問題は、単語が別々の要素に分割されると単語間のスペースが失われることです。各単語の後にレンダリングするか、各要素にパディングを追加することでスペースを追加できますが、コンテナに手動でスペースを追加したり曲げたりせずにこれを行う方法があるかどうか疑問に思っています。また、元のスペースは保持できますか? gsapSplitText のようなプラグインがあることは知っていますが、

P粉258083432 2023-09-10 18:37:01 0  1  695

Vite React プロジェクトを保存するたびに、既存のキャンバス要素を置き換えるのではなく、新しいキャンバス要素がページ本文に追加されるのはなぜですか?

ThreeJs の学習を始めようとしています (JavaScript Web 開発も初めてです)。いくつかのチュートリアルを見た後、Vite と React から始め、次に基本的な回転立方体から始めました。この部分は機能します。しかし、vite について読んだところによると、作業中のファイルを保存するだけでページに再ロードできるはずです。しかし実際にはそうではありません。ページのコンテンツを確認したところ、ファイルを保存するたびに、(既存のキャンバス要素を置き換えるのではなく) 2 つの同じキャンバス要素がページ本文に追加されます。つまり、それを確認するにはページの一番下までスクロールする必要...

P粉186904731 2024-03-30 09:57:49 0  1  547

アニメーション化されたテキストの下線を作成する: ステップバイステップのガイド

このページの最初の例と同様に、<a> タグ要素にホバー時に下線をアニメーション化させようとしています。チュートリアルはあるのに、私がやっていることがうまくいかず、その理由がわからないので、この質問をするのはほとんど愚かに思えます。これは私の CSS コンテンツです #about-text-boxa{text-decoration:none;font-size:17pt;font-family:'Silkscreen',cursive;color:#ECE0E7;te

P粉366946380 2024-02-03 20:00:08 0  1  404