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

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

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

vim が言語ごとに異なるキーマッピングを採用する方法

この効果を得るために中括弧を入力左中括弧にマップしたいのですが {code...} ホーム ディレクトリの .vimrc を変更することで効果を実現できます。問題は、この設定がすべてのファイルに対して有効であることです。C++ では、このような効果を出したいのですが、他の言語(python/luaなど)ではそのような効果を出したくありません...

伊谢尔伦 2017-07-03 11:42:28 0  1  1212

JavaScript - スクロールのスクロールの問題

1. https://www.kayak.com.hk/holi... 主な効果はこのウェブサイトの効果です。スクロール バーをスライドすると、右側の div が下にスクロールし、それに応じて左側の div もスクロールします。ただし、左側の div が長すぎるため、上部を非表示にする必要があり、この効果が得られます。 ...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  945

この Ajax 非リフレッシュ ページング効果のソース コードはありませんか?

この Ajax 非リフレッシュ ページング効果のソース コードはありませんか?初めてこの講座を聞いたので

听风说 2017-12-26 20:43:09 0  7  1940

javascript - 半透明にせずにコンポーネントを完全に非表示にする方法は?

これで、非表示のコンポーネントを表すためにビューアに半透明の効果が表示されます。半透明の効果を使用せずにコンポーネントを完全に非表示にする方法はありますか?

阿神 2017-07-05 10:49:53 0  1  1065

Post または get インターフェイス呼び出しの問題

注文クエリの効果を実現するために、指定した URL への Web サイトへのアクセスを実装してパラメータを取得し、Web サイトに表示する方法

移动用户-7074370 2019-12-13 09:27:50 0  0  648

JavaScript - ページにアニメーションを追加し、WeChat ブラウザでカオスを表示し、応急処置をします。

何か良いアニメーション ライブラリをお勧めできますか? ? ? WeChatでの優れた表示効果

怪我咯 2017-05-17 09:56:47 0  4  697

企業のパブリックアカウントを宣伝する方法

企業がパブリックアカウントを開設した後、一定の広告効果を得るために製品のプロモーションやソフト記事のプロモーションにどのような対策を講じることができますか?

雷顿安全顾问公司 2020-05-10 18:52:49 0  2  1372

JavaScript - CSS3 移行の互換性の問題

TV ボックスでトランジションを使用します。互換性の後も、transition:transform .1s Linear にはトランジション効果がありませんが、すべての属性にトランジションを持たせたくないため、transition:all .1s Linear を使用すると効果があります。その理由は何ですか? ?アドバイスをお願いします、よろしくお願いします。

ringa_lee 2017-05-19 10:29:36 0  1  625

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです 結果がこれです コードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  546

javascript - jq固定高テキストの展開と折りたたみ

{コード...} このような効果を実現するにはどうすればよいですか? 矢印を折りたたんだり展開したりして効果を書いてみました。ここに書かれている高さは固定されているため、理想的ではないようですが、このテキストの量は不確実ですデモ

伊谢尔伦 2017-06-29 10:09:11 0  3  1224

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

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

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

PHP - ci フレームワークで site_url とbase_url を出力すると同じ効果がありますか?

同じ効果を得るために、CI フレームワークで site_url() 関数と Base_url 関数を使用するのはなぜですか?印刷結果はまったく同じです。

PHP中文网 2017-06-19 09:07:13 0  1  1190

javascript - TypeError: window.event が未定義です

クリック イベントの場合、Firefox は TypeError: window.event is unknown を報告しました。その後、互換性のために var evt = window.event || argument.callee.caller.arguments[0] を追加しました。エラーは報告されませんでしたが、クリック イベントは発生しませんでした効果です。分かりました

三叔 2017-06-17 09:15:16 0  3  1287

JavaScript - スクロール バーと clientHeight について

小さな妖精のスクロール バーが本当に煩わしいです。スクロール バーが占める場所については、次のようなブログを見つけました。実践した結果によると、次のことが当てはまります。スクロール バーはコンテンツの位置を占めていますが、表示されると、コンテンツの位置、エッジ表示。 （実際の効果では枠線の横に表示されます。枠線の上には…

天蓬老师 2017-05-19 10:47:31 0  1  674

JavaScript - ページ視差効果の実装について質問する

ページ効果: この効果の Jingzhe の模倣: 私は Zhihu で skrollr.js というライブラリについて初めて知り、それを学び、自分のページに適用しました。なぜなら、私のページは上記のような静的なノード、記事、写真ではないからです。リクエストによって取得され、段階的なリクエストは画像の内容によって異なります。

PHP中文网 2017-05-16 13:26:03 0  1  995

vim - コードの折りたたみを見つけるためのコード

既存の折りコード: {コード...} 折り前のテキスト: 既存の折り効果: 私のニーズ: 下の図に示すように、前の余分な部分を削除すると、見た目がきれいになります。 Vim に連絡を取り始めたばかりです。アドバイスをいただければ幸いです。

给我你的怀抱 2017-05-16 16:41:57 0  1  779

WeChat公式アカウント用にパラメーターを含むQRコードをオンラインで生成するにはどうすればよいですか?

パラメータ付きの QR コードは、ファンのソースを監視したり、プロモーション効果を把握したり、より高度な実装のために分裂ポスターを自動生成したりすることができます。 。 。誰か答えてる人いますか? #微信help機能実装

whb2010 2019-03-07 15:31:01 0  2  1211

nuxt2 を使用する場合、URL の一部として /index が必要です

タスク リクエスト パスは、xxx.com/index/news、xxx.com/index/User をレンダリングします。この効果を得るために、ファイル ツリーをpages/--|index/-----|News/--- に設定します。 --- -|index.vue-----|User/------|index.vue--|index.vue しかし、ルート ディレクトリ以外のページに正常にジャンプできません。 Web ページへのパスに望ましい効果を表示するにはどうすればよいですか?

P粉635509719 2023-09-12 19:54:51 0  1  625

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

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

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