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

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

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

なぜStop()をanimateの前に置く必要があるのでしょうか?

こんにちは、先生。コースコードにそのようなコードがあります。 $('.block').stop().animate() のアニメーション効果。なぜ stop() を animate() の前に置く必要があるのですか

善為 2019-01-09 10:51:29 0  2  1114

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

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

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

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

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

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

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

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

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

object-c -transitionWithView が UIView を反転するときにビューの色が薄くなる問題をキャンセルするにはどうすればよいですか?

カードの表裏を反転するようなアニメーションを作りたい場合、UIViewのtransitionWithViewメソッドを使用すると、反転したビューの色が暗くなり、ビューの背景色が白い場合、ちらつきやチラツキが発生します。反転すると中心線が黒くなり、効果が非常に悪いので、アドバイスをお願いします。

三叔 2017-06-21 10:11:50 0  1  1096

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

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

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

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  828

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

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

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

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

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

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

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30 0  1  859

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

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

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

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

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

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

JavaScript - フロントエンドの自己修養

前述したように、私は業界に入ったばかりで、入社して 2 か月が経ち、自分はダイヤモンドの原石だと思っていますが、会社はフロントエンドの効果をあまり重視していません。 divを書ける、互換性やアニメーション効果は必要ない、ページの基本的なスタイルがあればOK、jsを書く必要はありません。私もフロントエンドフレームワークにはあまり触れたことがありません。 ...

曾经蜡笔没有小新 2017-07-03 11:43:03 0  2  971

クリック関数で 1 つの要素のみを選択できるようにするにはどうすればよいですか? (純粋なJS)

API からデータを取得し、一連の質問を作成し、配列からランダムに選択された質問に応じて、毎回異なる数の「回答要素」をクイズ ページにロードするクイズ アプリを作成しています。これは、CSS カード スタイルに対する効果的な回答である、クリック可能な一連の「プレイヤー カード」を特徴とする作品です。ユーザーがカードを選択し、チェック ボタンをクリックして機能を実行し、カードが正しいかどうかを確認するという考え方です。この機能は 1 つを除いてうまく機能します。ユーザーはすべてのカードを選択できます。私が抱えている問題は、すべての回答をクリックすると、すべての回答が CSS クラスを取得できるこ...

P粉345302753 2024-01-29 14:08:19 0  1  476

JavaScript - フロントエンドマップアニメーション効果を実装する方法。

以下のエフェクトと同様に、アバターはルートに応じて移動できます。この種のアニメーションはこれまで見たことがありません。フロントエンドはどのように実装すればよいでしょうか?キャンバスか、それとも既成のフレームワークか？この効果を達成するにはどのようなアイデアを使用すればよいのか、まったくわかりません。 。 。

PHPz 2017-05-16 13:36:02 0  2  466

Phaser がタイル マップのロードに失敗し、画面に黒い画面だけが表示されました。

タイル マップ エディターで作成したタイル マップをロードしようとしています。これを json ファイルとしてエクスポートし、タイル セットとともにパブリック フォルダー内のアセット フォルダーに配置しました。キャンバスに現れるものはすべて黒です。カメラの位置を変えて変化がないか試してみましたが、効果はありませんでした。エラー メッセージは表示されず、[ネットワーク] タブでマップとタイルセットの読み込みが確認できます。この問題に対する答えが見つかりません。私の main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02 0  1  706

タイトルは次のように書き換えられました: CSS3 の 100vh 値はモバイル ブラウザでは固定されていません

非常に奇妙な問題があります...私が遭遇するすべてのブラウザーとモバイルバージョンで、次のような動作が発生します。ページをロードするとき、すべてのブラウザーにはトップメニュー（アドレスバーの表示など）があり、ページのスクロールを開始すると、それは上に滑り上がります。場合によっては、100vh はビューポートの表示部分でのみ計算されるため、ブラウザ バーが上にスライドすると、100vh が (ピクセル単位で) 増加し、寸法が変更されたため、すべてのレイアウトが再描画およびサイズ変更されます。効果が良くない場合、この問題は発生しますか？ビューポートの高さについて初めて聞いたとき、とても興奮しました...

P粉682987577 2023-08-21 16:49:22 0  2  515

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  844

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  736