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

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

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

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 - 変数をオブジェクトのキーとして使用し、それを配列にプッシュするにはどうすればよいですか?

a と b のキーはすべて等しい {code...} それとも、より優れた、より効率的で、より素晴らしい方法はありますか?私が達成したい効果は次のようなものです {code...} この問題の根本は、オブジェクトを宣言するときに変数をキーとして使用する方法です。

世界只因有你 2017-07-05 11:00:13 0  4  1516

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

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

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

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

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

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

JavaScript - 同じページ上で複数のタブの切り替えを実現するにはどうすればよいですか?

ここ 2 日間、Web サイトで作業しています。同じページにタブ切り替え効果が多数あります。ul>li と input[type=radio] を試しましたが、効果は良くありません。これらはのみ使用できます。 1 回でも複数回でも、問題が発生する可能性があります。すみません、これについて情報を提供できる人はいますか?どうもありがとうございます！私も...

我想大声告诉你 2017-06-12 09:23:46 0  2  681

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

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

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

新しいタイトル: 私のポイントは、フレックスボックスを使用する場合、スティッキー要素のスティッキー プロパティは保持されないということです。

私はしばらくこの問題で立ち往生していたので、このposition:sticky+flexboxの問題を共有したいと思いました： 私のスティッキーdivは、フレックスボックスコンテナビューに切り替えた後、フレックスボックスの親要素でラップされたときに突然スティッキーでなくなりました。 .flexbox-wrapper{display:flex;height:600px;}.normal{background-color:blue;}.sticky{position:-webkit-stic

P粉356128676 2023-08-21 23:28:29 0  2  538

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

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

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

PDF を WordPress にアップロードすると、ローカルホストでは機能しますが、Formidable プラグインを使用したライブサーバーでは機能しません

localhost 内に WordPress ウェブサイトを作成しました。ライブサーバーに移動しましたが、PDF ドキュメントのアップロードが機能しなくなってしまいました。私はFormidableFormsプラグインを使用しています。 .docx および .doc ドキュメントは問題なくアップロードできます。さらに、.jpg や .png などの他の形式は機能しません。私が試したこと： - 他のすべてのプラグインを無効にし、テーマを切り替えます。 - WordPress を最新バージョン 6.0 に更新します。 - 別のライブサーバーに切り替えます。 - すべてのプラグインを最新バージョンに更...

P粉785957729 2024-03-28 17:57:39 0  1  401

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

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

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

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

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

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

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

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

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

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

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

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

form タグを追加すると HTML div 要素が縮小する

div 要素の外側に Form タグを追加しましたが、何らかの理由で縮小してしまいます。私はBootstrapを使用していますが、メインコンテナのdivを「row」に設定し、「col」に切り替えても縮小しなくなったためだと思いますが、それは私が望むレイアウトではありません。これは私のコードです: <divclass="row">{{form()}}<divclass="col-sm-3col-md-3"><

P粉041758700 2023-09-13 19:06:45 0  1  559

ウィンドウのサイズを変更するときにスムーズな遷移マージンの割合を実現する方法

要素の周囲にパーセンテージのマージンを、ビューポートが小さい場合はビューポート幅の 5%、ビューポートが大きい場合はビューポート幅の 15% に設定したいと考えています。メディアクエリを使用して、次のようにマージンの数値を切り替えることができます: .element{margin:5%;}@media(min-width:800px){.element{margin:15%;}} ただし、ウィンドウ サイズが変更されると、パーセンテージは、ある値から別の値に突然変化するのではなく、スムーズに変化します。次のようなものがうまくいくかもしれないと思います: @m

P粉155832941 2023-09-12 18:47:54 0  1  574

React での依存関係のキャッシュと useCallback の参照について理解する

useCallback フックは関数参照のみをキャッシュしますか、それとも関数自体の値/結果もキャッシュしますか?また、依存関係配列で ref を使用すると、コンポーネントの ref と同様に実際に何らかの効果がありますか?そうでない場合、ref 値への変更が適切な効果をもたらすことを確認する方法はありますか?当初は関数参照のみがキャッシュされると考えていましたが、記事を読んだ後、 useCallback(fn,deps) が useMemo(()=>fn,deps) と同等であることを知り、これが実際に当てはまるかどうかはわかりません状態。さらに、コンポーネントの r を使用してみまし...

P粉044526217 2023-08-15 19:29:37 0  1  539

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

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

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

新しいバージョンの PHP を PHP ツールボックスに追加するにはどうすればよいですか?

新しいバージョンの PHP Web サイトを PHP ツールボックスに追加するには、php-7.0 以降を使用する必要がありますが、[PHP ツールボックス] にあるものはすべて nts であり、出荷時に問題が発生するようです。次に、最新バージョンの PHP (http://www.php.net/ Web サイトからダウンロード) を再ダウンロードしました。この新しいバージョンを [PHP ツールボックス] で使用する必要があります。追加方法と追加方法これを[PHP Toolbox]に素早く切り替えて使用します。私のコンピュータシステムはWIN7 Ultimateバージョンです

杨洋 2019-01-09 23:40:53 0  0  1393