JavaScript - vueアニメーショントランジションアコーディオン

なぜアコーディオンを実装できないのでしょうか? {コード...}

漂亮男人 2017-06-26 10:55:42 0  1  1115

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

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

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

アコーディオンスイッチ

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

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

javascript - JQuery はそれぞれ A タグを走査して href を取得し、リンク内の属性の値を取得して A の属性を追加します。

ページ内の元の HTML コード: {code...} jquery を通じて達成したい最終的な出力効果: {code...} 現在の jQuery コード: {code...} アドバイスをお願いします。 ！

伊谢尔伦 2017-05-19 10:40:16 0  1  723

Bootstrap 5 アコーディオンを展開すると幅が広すぎる

アコーディオン コンポーネントが親要素の幅に合わせて展開されることを期待していましたが、展開するとコンポーネント自体だけでなく親要素も展開され、左側のペインが大幅に圧縮されてしまいます。望ましい動作を実現するには何をする必要がありますか?ご回答いただければ幸いです。 <linkhref="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"rel="スタイル

P粉163465905 2023-09-08 12:34:40 0  1  600

モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  522

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

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

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

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

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

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

タイトルの後に拡張アイコンが付いているカスタムパッド拡張

for ループ内でマット展開パネルを使用してマット アコーディオンを作成しようとしています。問題は、各拡張機能の前にチェックボックスを追加するなど、いくつかのカスタマイズを行う必要があり、拡張機能アイコンを特定のテキスト (この場合は本のタイトル) の後に配置する必要があることです。私の理解では、展開パネルのアイコンは最後または最初に配置できるため、配置がわかりにくいです。パッド エクステンションは同じ目標を達成するのに適したコンポーネントだと思います。パッド拡張機能の実装方法についてガイダンスが必要ですか? それとも検討すべき別のアプローチはありますか?

P粉662802882 2024-04-02 12:39:50 0  1  507

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

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

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

php - ci3.0 でキャッシュを実装するにはどうすればよいですか?

ci3.0でデータベースデータを実装したいのですが、ciマニュアルに従ってキャッシュしてもページ効果は平均的なままなのですが、もっと良いキャッシュ方法はありますか？

曾经蜡笔没有小新 2017-07-05 10:46:03 0  1  864

JavaScript - 携帯電話の画面をスライドして、特定の要素の上部からの距離を取得するにはどうすればよいですか?同時に、この値を他の関数から参照することはできますか?

タイトルの通り、携帯電話の画面をスライドさせたいのですが、要素が上から一定値（例えば200px）の位置で画面上のポップアップボタンをクリックし、その位置を指定します。ポップアップレイヤーは上から200pxになります。 {コード...} 欲しい この効果が得られ、距離の値は取得できますが、show関数では...

PHPz 2017-05-18 11:02:18 0  2  596

JavaScript - フラットリスト ドロップダウン コンポーネント スタイルをカスタマイズするにはどうすればよいですか?

1. まず、達成したい効果について説明します。携帯電話で JD.com のような画像をプルダウンし、手を放した後、新しいページにジャンプします。 2. ただし、フラットリストにはデフォルトのドロップダウン イベント {code...} があります。ドキュメント内のこのヘッダー コントロールを変更する方法がわかりません。Android のデフォルトでは、黒い円形の更新コンポーネントが設定されています...

PHP中文网 2017-06-08 11:02:39 0  1  1322

JavaScript - モバイル Web サイトのナビゲーション バーの水平方向のスライド減速効果を実現する方法

主要な Web サイトのモバイル版のナビゲーション バーは、一般的に水平方向にスライドできます。携帯電話の画面をタッチしてスライドさせた後、減速するスライド効果があります。この機能は非常に気に入っています。インターネットでたくさん検索した結果、見つけたものはすべてありましたjsのタッチイベントの紹介でしたが詳しい方法が見つからなかったのでマスターに原理と具体的な説明をお願いしたいです...

给我你的怀抱 2017-06-28 09:27:42 0  1  907

教師の日が近づいていますが、教師に何か言いたいことはありますか?

あなたがプログラミングを始めたばかりの初心者でも、すでに多くのことを学んだマスターでも、学校に通う普通の学生でも...先生に言いたいことは何ですか?自分のアイデアをコード言語で表現できますか?たとえば、以下に示すように、フロントエンド コードを使用してスクールバスの写真の効果を実現し、独自のアイデアを表現します。

藏色散人 2018-09-08 17:25:57 0  0  1203

javascript - Jqueryを使ってアニメーションを真ん中から上下に開くアニメーション効果を実現する方法 マスターの皆様、ありがとうございます！

{コード...}

巴扎黑 2017-05-19 10:38:21 0  1  677

モバイル ブラウザでリンクの title 属性、つまりマウスを置いたときにチップ効果があることを確認するにはどうすればよいですか?

パソコンでは閲覧できますが、携帯電話ではマウスオーバー動作ができないのですが、title属性の効果を高めるjsスクリプトはありますか？

阿卡 2018-10-18 15:37:43 0  3  1423

フロントエンドで画像を切り取る方法を知っており、PHP ウェブサイト開発を学びたいのですが、北京の第一線の PHP 教育機関の物理的な授業の完全な授業ビデオをお願いしたいと思っています。

フロントエンドで画像を切り取る方法を知っており、PHP ウェブサイト開発を学びたいのですが、北京の第一線の PHP 教育機関の物理的な授業の完全な授業ビデオをお願いしたいと思っています。以前、施設で前切りを学び、カッターになったのですが、技術的な内容があまりなく、学歴も高くなく、仕事が終わってから独学で技術を学び続けていましたが、技術力がありませんでした。給料が上がって騎士になる効果があったので、夢だった進路を諦めて路上の焼きビーフン屋の店主になった今は特にPHPのWebサイト開発を体系的に学びたいと思っています。企業モール、コミュニティウェブサイト、農村農産物直売ウェブサイト 北京に第一線の...

. 2017-08-28 14:28:41 0  1  1380

JavaScript - 携帯電話でトップに戻る効果を実現するにはどうすればよいですか? （携帯電話のスクロールバーは隠れてしまい検出できません） 私が使用しているsuiフレームワークのアンカー機能は使えません jsメソッドはありますか？

タイトルのように、 sui フレームワークを使用しているため、ルーティング機能を無効にしたにもかかわらず、トップに戻るための js メソッドはありませんか。スイフレームワークに詳しいマスターはどうやって実装すればいいですか？

ringa_lee 2017-05-16 13:31:29 0  1  1237

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

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

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