タブを切り替える効果（それに伴ってテキストの内容も変化します）を作成するにはどうすればよいですか

写真のように、このようなラベル切り替え効果を作りたいのですが、どうすればよいでしょうか?ご指導ください。

yuippp 2019-09-10 11:35:49 0  2  1228

javascript - スワイパーのタブ切り替え. 各ボタンをクリックしてスワイパーコンテナを移動させるにはどうすればよいですか?

スワイパー タブ切り替えの各ボタンをクリックしてスワイパー コンテナを移動させるにはどうすればよいですか? たとえば、NetEase の上部タブ切り替えの各ボタンをクリックすると、タブ切り替えコンテナがスクロールします (1: 左右にスクロールでき、コンテンツが画面いっぱいに表示されます)。コンテナ全体。,) http://3g.163.com/touch/aut...

迷茫 2017-06-14 10:54:16 0  2  762

html5 - vue プロジェクトの vuex ストレージの問題

実装効果: ボタンをクリックして、左側のメニューの幅を切り替えます。 Vuex を使用してフィールド IsOpen を保存し、ナビゲーション コンポーネントとメニュー コンポーネントの両方がフィールドの初期値を取得しました。ナビゲーション コンポーネントのボタンをクリックすると、IsOpen の値も切り替わりますが、クラス名は切り替わります。幅を変更するものは切り替わりません。これ...

迷茫 2017-06-27 09:19:31 0  2  871

javascript - vue 2.0のトランジショントランジション効果が異常です

vue2.0で切り替えトランジションをしたところ、切り替え表示は正常なのですが、切り替えが消えるまでに遅延があり、トランジション効果がありませんでした {code...} {code...}

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

javascript - js を使用してトランジション効果を作成するにはどうすればよいですか?

私はjsにあまり詳しくないので聞きたいのですが、jsを使用してボタンをクリックし、5秒後にdivが右側の500pxに移動した場合、この効果を作成するアイデアは何ですか?これらすべての効果を実現するには、まずクラスを作成してから、js を使用して className を切り替える必要がありますか?しかし、クリックイベントでは...

滿天的星座 2017-06-26 10:54:58 0  6  926

javascript - vue2.0の子コンポーネントはデータを親コンポーネントに渡すだけですか?

これが親コンポーネント、これがサブコンポーネントです。効果を説明します。「All」、「Recommend」、「Tucao」をクリックして selectType の値を変更し、選択したボタンの背景を切り替えます。 「チェックマーク」をクリックして選択を表示し、選択を解除すると、サブコンポーネントの selectType とonlyContent の 2 つの値が表示されます...

给我你的怀抱 2017-05-19 10:34:07 0  2  732

javascript - vueコンポーネントと作業効率の最適な組み合わせは何ですか

シナリオ: ルートを使用して、1 ページで 3 つのコンテンツ (タブ切り替え) を使用します。 3 つのコンテンツは非常に重要ですが、それぞれに独自の違いがあります。質問: コンポーネントはどうやって作るのですか?コンポーネントと作業効率のバランスをどう取るか?私の考え: 1. 関数に 3 つのコンポーネントを入れてから...

阿神 2017-05-19 10:46:21 0  1  555

JavaScript - 同じページ上で複数のタブの切り替えを実現するにはどうすればよいですか?

ここ 2 日間、Web サイトで作業しています。同じページにタブ切り替え効果が多数あります。ul>li と input[type=radio] を試しましたが、効果は良くありません。これらはのみ使用できます。 1 回でも複数回でも、問題が発生する可能性があります。すみません、これについて情報を提供できる人はいますか?どうもありがとうございます！私も...

我想大声告诉你 2017-06-12 09:23:46 0  2  681

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  763

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

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

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

PDF を WordPress にアップロードすると、ローカルホストでは機能しますが、Formidable プラグインを使用したライブサーバーでは機能しません

localhost 内に WordPress ウェブサイトを作成しました。ライブサーバーに移動しましたが、PDF ドキュメントのアップロードが機能しなくなってしまいました。私はFormidableFormsプラグインを使用しています。 .docx および .doc ドキュメントは問題なくアップロードできます。さらに、.jpg や .png などの他の形式は機能しません。私が試したこと： - 他のすべてのプラグインを無効にし、テーマを切り替えます。 - WordPress を最新バージョン 6.0 に更新します。 - 別のライブサーバーに切り替えます。 - すべてのプラグインを最新バージョンに更...

P粉785957729 2024-03-28 17:57:39 0  1  401

選択時にラジオ ボタンの境界線効果を保持する

無線タイプのオプションが 2 つあります。オプションを選択すると、青い枠線がマークされます。問題は、別の場所をクリックすると、境界線の効果が消えてしまうということです。別のオプションに切り替えない限り、どこをクリックしても青い枠線効果を維持したいと考えています。また、右側の「スパン」に価格を入力し、左側に製品名を残すにはどうすればよいですか? .checkbox-custom,.radio-custom{不透明度:0;位置:絶対;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  521

javascript - 検証コードを取得するためのjsコード カウントダウン問題

確認コードのカウントダウンを取得するとき (たとえば、カウントダウンは 40 秒です)、リンクをクリックして別のページに移動します (_self、このページはジャンプし、新しいタブは開きません)。一定時間が経過したら、「戻る」をクリックします。ボタンを押してカウントダウン ページに戻ります。カウントダウンは 40 秒から始まります。望ましい効果は、実際のイベントに従ってカウントダウンが継続することです...

漂亮男人 2017-07-05 10:50:31 0  3  933

JavaScript - 固定されているが URL が変更される YouTube のサイドバーに似たフロントエンド効果を作成するにはどうすればよいですか?

YouTube の左側にあるサイドバーで、クリックして登録チャンネルを切り替えると、サイドバーは固定されたままですが、URL アドレス バーが変化していることがわかります。これは、これを ajax に依存して実現すべきではないことを示しています。現在のプロジェクトでは、そのような効果を実現するために ajax を使用することはあまり考えていません。

世界只因有你 2017-06-12 09:28:05 0  5  866

MUI スイッチで React Hook Form 7 を使用する方法

MUI スイッチで React-Hook-form を使用する場合、値が true に設定されていても、ページの読み込み時にスイッチに初期値が表示されません。ただし、ボタンに触れずにフォームを送信すると、値が true として定義されているスイッチに対して true が返されるため、これは表示の問題であるようです。さらに、これらのボタン (false として表示) を 1 回クリックしても効果はなく (ボタンは左側に残ったままになります)、2 回目のクリックで実際に再び切り替わります。フックを使用して初期値を設定します (他のすべてのフィールド タイプに適用されます): useEff

P粉231112437 2023-09-16 19:43:09 0  1  595

静的ページを「期限切れページ」に正しく変換するにはどうすればよいですか?

静的なプロモーション ページがたくさんあります。ただし、プロモーションの有効期限が切れている場合は、有効期限ページに移動/表示する必要があります。 NextJS を使用して静的ページでこれを行う正しい方法は何ですか?試み 1: getStaticProps で期限切れかどうかを確認します。問題は、再検証が 600 秒ごとに行われることです。したがって、これは正確な 12:00 ではなく、午前 12:28 に発生する可能性があります (いつデプロイするかによって異なります)。そのため、期限切れのページが時間どおりに表示されません。この問題をどうやって解決すればいいでしょうか？または、ページを切り...

P粉930448030 2023-09-11 19:35:30 0  1  605

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオン ボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11 0  1  400

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

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

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

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

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

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

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  553