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

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

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

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

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

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

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

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

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

JavaScript - コンテンツの高さが画面の高さより小さい場合、autoHeight を設定すると swiper.js がうまく機能しません

swiper.jsを使ってタブ項目の切り替えを実装するのですが、各タブ項目の高さが異なり、非同期でデータが読み込まれます swiper-containerの適応高さはautoHeight:trueを設定しているのですが、コンテンツの切り替え時に高さ < 画面の高さ この属性はもう機能しません...

phpcn_u1582 2017-05-19 10:43:35 0  1  609

JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロール バーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07 0  2  637

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

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

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

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

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

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

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

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

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

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

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

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

javascript - Alibaba Cloud はどのようにしてこの効果を実現しますか?

以下は Alibaba Cloud Web サイトへのリンクです。その中でのクイックプレイスの切り替え効果はどのように実現されますか? css: ウェブサイトのリンクアドレスに表示されません

大家讲道理 2017-06-12 09:32:10 0  3  957

JavaScript - アニメーションフィルモード設定が有効にならないのはなぜですか

.gold_egg_broken{ {code...} } @-webkit-keyframes Eggbroken { {code...} } このスタイルを要素に動的に切り替えて、最後のフレームに留まり、変更されないようにします。でも効果が出ないんだよ

女神的闺蜜爱上我 2017-07-05 10:39:25 0  2  1043

Android 上の React-Native でステータス更新が機能しない

スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2Active を状態に設定し、ソースを切り替えるだけです。 iOS では完全にスムーズに動作しますが、Android ではほとんどまったく動作しません。頻繁にクリックすると変更される可能性がありますが、それは明らかに私が望む動作ではありません。したがって、説明したように、スライド可能な水平ギャラリーconstImageである画像コンポーネントがあります

P粉541551230 2024-04-06 16:54:10 0  1  601

JavaScript - vue でニュースリストを上下にスクロールさせる方法

これはループ内で再生されるデータ部分です {コード...} これは私の現在のコードです。アニメーション効果なしでループ内でのみ切り替えることができます {コード...}

淡淡烟草味 2017-05-19 10:43:20 0  3  891

javascript - スワイパープラグインのループモードのバグ?

1. 現在 8 つのデータがあり、5 秒ごとに 5 つのデータを切り替えるように設定し、loop を true に設定すると、~~ データの最後のセットが再生され続けます。つまり、2 番目の画像は 1 回ごとにデータを切り替えます。 5秒で常に6が表示されます。次に7、8、1、2のデータを戻そうとしましたが、前のデータが空で対数が表示されませんでした...

大家讲道理 2017-06-26 10:58:10 0  1  919

背景や透明文字が切れてしまう

CSS を使用して、以下に示すように背景から透明なテキストを切り取る効果を作成する方法はありますか?画像がテキストに置き換わるため、貴重な SEO をすべて失うのは残念です。最初に影を考えましたが、何も思いつきませんでした...画像は Web サイトの背景で、絶対位置の <img> タグです

P粉439804514 2024-03-25 16:47:36 0  2  613

Vite/Vue 3: 画像ソースをプロップとして使用する場合の「未定義の要件」

VueCLIからViteCLIに、Vue3のCompositionAPIからSFCScriptsetupAPIに切り替えました。公式 VueCLI を使用したときは、次のように props 経由でパスのファイル名を渡すことで画像ソースをインポートできました。 <template><img:src="require(`@/assets/${imagePath }`) )"/><テンプレート

P粉301523298 2024-04-06 09:50:25 0  1  541

折りたたみ可能な要素を Flexbox レイアウトに挿入する方法

画像が折り返されたフレックスボックス レイアウトがあり、画像がクリックされたときに情報を表示したいと考えています。情報は、「列」を移動せずに、画像を含む行とそのすぐ下の行の間に表示される必要があります。これは私が望むタイプの効果です: http://olmenta.altervista.org (本をクリックしたとき)。私がやったことは次のとおりです: https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  390

JavaScript - ネイティブ JS カルーセル チャート

最近、ネイティブJSのカルーセル画像をいじっていたのですが、切り替えにトランジションを追加したため、最後の画像から最初の画像までの接続に大きな問題が発生しました。アイデアは、最後のピクチャの後に最初のピクチャを追加し、親要素から最初のピクチャを削除することです。このアイデアは次のようなものです。同様のコードを書いたマスターはいますか? できます...

PHPz 2017-05-18 10:46:20 0  4  1133

JavaScript - vux ルーティング ジャンプ アニメーションを設定するにはどうすればよいですか? vux-pop-in vux-pop-out の使い方

ネイティブのようなルーティング切り替え効果を実現するにはどうすればよいですか? 多くのマスターのコードに vux-pop-in vux-pop-out が含まれていますが、追加しても応答しないのはなぜですか?

大家讲道理 2017-05-19 10:12:23 0  1  1076

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3824