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

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

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

CSS - アニメーションの色の変更の問題

これは初期のカラー値です。詳細についてはデモを参照してください。しかし、アニメーション効果を書いた後にカラー値が変わります。これはなぜですか?アニメーションのカラーを初期値のカラーと一致させるにはどうすればよいですか?

世界只因有你 2017-06-28 09:27:36 0  1  1284

JavaScript - jQuery のインストール時の Webpack エラー

npm install jQuery --save-dev は jQuery をインストールします。webpack がパッケージ化された後、次のエラーが報告されますが、使用には影響しません。ページはエラーを報告せず、表示効果は正しいです。次のエラーとは何ですか?どのように解決すればよいでしょうか？

PHP中文网 2017-06-14 10:54:12 0  1  790

先生方、データベース mysql に php を挿入すると、すべて空になってしまいます。どうすれば解決できますか?

jqueryライブラリファイルを導入しましたが、効果がありません。エラーが表示され続けます。どうすれば解決できますか?マスターの皆様。

龙〔〕 2021-10-29 17:05:13 0  4  1409

教師、js、リンク データベース mysql、エラーが報告され続ける、その解決方法!

jqueryライブラリファイルを導入しましたが、効果がありません。エラーが表示され続けます。どうすれば解決できますか?マスターの皆様。

龙〔〕 2021-10-29 17:17:41 0  5  1092

css3 - スクロール バーが下にスライドしたときにページの各部分が表示される効果を実現するにはどうすればよいですか?

Web サイトを見ました。スクロール バーが下にスライドすると、ページのすべての部分に最初に読み込まれたときと同じ効果が表示されます。再度更新すると、これらの効果が再び表示されます。これはどのように行われますか? jqueryのロードで書かれているのでしょうか? このWebサイトのトップページ http://www.itxdl.cn/bra... に似ています。

漂亮男人 2017-06-05 11:10:23 0  2  1887

javascript - vue でのルート遷移に問題がありますか?

Vue はカットシーン アニメーションのフェードインおよびフェードアウト効果をルートに追加します。コンポーネントは削除されるとフェードアウトしますが、入力されると即座に入力され、フェードインしません。これら 2 つのステップの間で、ページは次のようになります。空白。以下は公式 Web サイトからコピーした私のコードです: {code...}

滿天的星座 2017-06-12 09:30:07 0  3  802

JavaScript - アニメーションの表示と非表示を切り替えるための良い解決策はありますか?

例: このアニメーションと同じ効果になります 最初に div が非表示になりますが、ボタンをクリックすると表示されてアニメーション効果がかかります 非表示にしても同様ですしかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?

阿神 2017-06-30 09:59:55 0  5  1109

javascript - ページの読み込みアニメーション効果が表示されない？

1. 現在取り組んでいるプロジェクトはデータ テーブル ページですが、バックグラウンド クエリに時間がかかるため、ユーザー エクスペリエンスを向上させるために、読み込みアニメーションが追加されています。アニメーションを読み込むためのプラグインには問題はありませんが、メソッドの実行中にアニメーション効果が存在しないことがわかります。 2. コードを直接貼り付けます。 jsを始めましょう...

迷茫 2017-05-19 10:18:28 0  4  745

JavaScript - バインドされたイベントの表示について質問がありますか?先輩方にアドバイスをいただければ幸いです。

私が遭遇した問題は、一部の Web サイトが jquery の代わりに独自の js ライブラリまたはフレームワークで記述されたコードを使用していることですが、この効果がどのように達成されるのか知りたいのですが、何か方法はありますか? ps: jquery 以外の場合、Chrome と Firefox で $._data(DOMobject,'events') メソッドを使用すると機能しません...

曾经蜡笔没有小新 2017-05-19 10:31:13 0  1  622

JavaScript - このモーション関数の遅延器の前にプロパティをカスタマイズする必要があるのはなぜですか?

この関数は、アニメーション効果を作成するために使用されます: {code...} 最後の文 elem.movement=setTimeout(repeat,interval) と上の文 if(elem.movement){ {code...} については、私は知っています。再度実行する際に前回実行した関数を終了する機能なのですが…。

为情所困 2017-05-19 10:18:30 0  1  500

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

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

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

JavaScript - Apple の携帯電話で css3 アニメーション効果が表示されないのですが、どうすれば解決できますか?

アニメーション効果は animate.css によって実現されます。Android 携帯電話のブラウザ、WeChat、QQ はすべて正常に動作します。ただし、Apple 携帯電話には互換性の問題があります。これを解決するにはどうすればよいですか?オンラインアドレス https://ipukr.cn/ad/index.htm...

巴扎黑 2017-07-06 10:37:34 0  3  1497

ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。 ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28 0  1  508

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

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

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

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

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

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

JavaScript - echartsを使用して回路図を実装するにはどうすればよいですか? ?

マスターの皆さん、どうすればこの効果を実現できるのかお聞きしたいのですが、ライン上のノードはバックグラウンドで動的にレンダリングする必要があり、固定されていないからです。Amap や Baidu マップなどは必要ありません。 . 純粋なデータ視覚化表示です。

曾经蜡笔没有小新 2017-06-10 09:48:57 0  1  652

javascript - プログラミングの初心者として、エディターを使用して jQuery または thinkphp のソース コードをコピーする必要がありますか?

プログラミングの初心者の方は、エディターを使用して jQuery ライブラリまたは thinkphp フレームワークのソース コードをコピーしたいですか? プログラミング能力とアイデアを向上させるためですか? 同じことをした人を Zhihu で見たことを覚えています。今、その答えを探してください。 . ここにはありません。専門家にこれがどの程度効果があるか教えていただけますか?

高洛峰 2017-06-05 11:07:36 0  3  659

同時実行モデル - Python がデコレーターにプロセス プールを配置しても有効にならず、エラーも報告されないのはなぜですか?

プロセス プールをデコレーターでカプセル化したかったのですが、有効にならず、エラーも報告されませんでした。 {code...} 結果は次のとおりです。 {code...} しかし、奇妙なことに、それをマルチで書き直したということです。処理方法を調べたところ、それが有効であることがわかりました {code...} ログは次のとおりです {code...} 同じ状況がスレッドプールと関連付けでも発生します...

仅有的幸福 2017-06-28 09:24:20 0  2  889

angular.js - CSS3 トランジションを追加すると Angular データ バインディングが失敗するのはなぜですか?

問題を説明するのは簡単ではありません。何が起こっているのかを理解するのを手伝ってください。 リスト ページ (共通ユーザー リストなど) リスト内の各項目にはボックス シャドウ設定があるため、マウスをホバーするとボックス シャドウが変化し、この効果をよりスムーズにするためにトランジションが追加されます。 ...

给我你的怀抱 2017-05-15 16:49:16 0  1  758