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

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

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

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

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

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

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

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

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

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

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

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

javascript - swiper.js での複数の切り替え方向の問題

現在のシーンは次のようになります。左右に切り替わる 4 つのアニメーション ページがあり、各アニメーション ページを下にスライドして別の同じページに切り替えることができる必要があります。現在、swiper.js を使用しています。これらの間でアニメーションを切り替えるにはどうすればよいですか?左右?下にスライドしてページを表示できるのですが、下にスライドして表示されるページも上と同じです…。

过去多啦不再A梦 2017-06-24 09:43:29 0  1  846

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

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

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

JavaScript - H5 ドロップダウンでページを変更できますか? 左右にスライドするページでそれを実現するにはどうすればよいですか?

現在の要望はこんな感じです 複数のストーリーの左右を切り替える場合、各ストーリーのページをプルダウンして同じページに表示する必要がありますが、これはどうすれば実現できますか? 別ページにするのか、それともまとめて表示するのか?左右の切り替えについてアドバイスをお願いします

ringa_lee 2017-06-26 10:49:41 0  1  952

JavaScript - このスタイルの HTML を作成するにはどうすればよいですか?

以下に示すように、Web アプリ化されており、タブのような 2 つのボタンがあり、左右に切り替えることができます。

滿天的星座 2017-05-16 13:20:44 0  2  494

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

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

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

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

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

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

toggle 属性が使用されている場合、CSS トランジションを維持できますか?

左から右に移動する div があります。常に画面上に表示され、ウィンドウのサイズが変更されたときに位置合わせされないようにするには、画面のどちら側が近いかに応じて、左右の使用を切り替えます。

P粉465675962 2023-08-02 21:13:37 0  1  454

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

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

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

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

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

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

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

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

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

vim - 隠しウィンドウを表示するにはどうすればよいですか?

vim test.htmlvsplit test.csssplit test.js 3 つのウィンドウが表示されます。カーソルを左下に移動し、「:hide」コマンドを入力すると、ウィンドウが左右に 2 つだけ表示されます。ウィンドウがいくつあっても右側のtest.htmlは変わらないので、次のように切り替えます。ウィンドウを 2 つだけにして使用します...

阿神 2017-06-19 09:07:54 0  1  1983

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

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

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

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

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

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

JavaScript - vueルーティングアニメーションの問題

{コード...} {コード...} {コード...} 私のページ全体には <router-view></router-view> が 1 つだけあります。ルートが次の場合にルートを非表示にすることは不可能ですか?切り替わった?左側が消えて右側から来たルートが入ってくる?

大家讲道理 2017-05-19 10:35:40 0  3  478

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

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

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

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

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

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