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

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

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

React ネストされたアコーディオンの親の高さが更新されない

ホームページのモバイル版を構築しようとしていますが、ネストされたアコーディオンの「アイテム」にバグがあるようで、最初に開いたときに下部のアイテムセクションの正しい高さが表示されません。これを開くには、まずプロジェクト テキストをクリックし、プロジェクトのリストを表示します。次に、プロジェクトをクリックしてプロジェクト カードを切り替えます。 (更新) これは、子アコーディオンを開いたときに親アコーディオンがその高さを再更新していないために発生していると思います。これを行う良い方法を知っていますか?それとも、必要に応じて、これを可能にする方法でコンポーネントを再構築する必要がありますか?問題は、...

P粉293341969 2024-02-21 15:55:48 0  2  367

アコーディオンスイッチ

Codepenで編集したアコーディオンエフェクトは正常に動作します。ただし、複数の質問をクリックした場合、現在の回答が開いている間、前の回答は閉じたいと考えています。これを達成する方法はありますか? Codepenのリンクはこちら また、FontAwesome4.7.0を使用する場合、以下のUnicodeは問題なく表示されます。 (f055&f056) Unicode しかし、FontAwesome5.14.5 に切り替えた後、Unicode は動作しなくなりました。

P粉517090748 2023-09-03 21:16:38 0  1  471

モジュールが見つかりません: エラー: 'DavidDaDon.png' を解決できません

ここで何が間違っているのかよくわかりません。これらの PNG 画像は src フォルダーにあり、require パスと相対パスを使用して画像を参照しています。気が狂いそうになる。参考までに、親しい友人や家族との誕生日のお祝いのカウントダウンを作成しているのですが、画像がアコーディオン効果で表示されてしまいます。

P粉001206492 2023-07-27 21:01:30 0  1  616

アコーディオン内の項目をクリックするとモーダルボックス左側のスクロールバーが一番上に戻ってしまう問題の解決策はありますか？

初期ロード時に、「Sales」アコーディオンをクリックしてから「Reporting and Forecasting Total Sales」をクリックすると、マークアップのスクロールバーが、UI の下にある総売上高のレポートと予測用にマークされた ng コンテナの上部にジャンプします。合計レポートと売上予測 UI<ng-container*ngIf="cciLeftSideFilterSplitIO&&dataSetName==='DRUGS'"><divmat-di の HTML です。

P粉398117857 2023-09-16 21:09:42 0  1  566

JQuery を使用して段落内に特定の文字が表示された場合にのみクリック イベントをトリガーする

「重要」とマークされたテキストが含まれたアコーディオンがあります。ページの読み込み時に切り替えボタンをクリックして、「重要」とマークされたページを自動的に開くようにしたいと考えています。 $(".diff__filename:contains('sections/')")) を使用してタイトル内の「重要」という単語を検索しましたが、その横にあるボタンをクリックするように指示する方法がわかりません。クラス名のループを避けるために、JQuery を使用することにしました。 <pclass="title">私

P粉269530053 2024-02-17 22:23:01 0  1  516

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

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

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

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

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

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

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  631

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  600

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1018

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  521

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  712

スペード、ダイヤモンド、ハート、クラブ => Android 版 Chrome ではスタイルのフォントの色が変更されない

Windows 上の Google Chrome では、カードのスーツのシンボル (スペード、ハート、ダイヤ、クラブ) は、「style」属性を使用して正しく色付けされます。残念ながら、Android 上の Google Chrome で表示される同じページには、私が定義した色は表示されず、デフォルトの黒と赤が使用されます。 (効果については添付の図を参照してください) HTML コード: (プロジェクトへのリンク https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13 0  1  768

mui TextFieldラベルを非表示にする方法は?

私は Nextjs アプリを開発しています。mui で構築されたダッシュボード ナビゲーション バーには、通常の HTML と CSS で構築された通知ボックスを開く通知が含まれています。 Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashboardNavbar=(props

P粉239164234 2023-09-05 15:41:00 0  1  696