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

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

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

vue および vuetify コンポーネントに対するマウスオーバー効果

そこで、次の記事の例に示すようにマウスオーバー効果を再作成しようとしました: https://blog.prototypr.io/stunning-hover-events-with-css-variables-f855e7b95330 しかし、私の場合は Vue を使用したいと考えています。 vuetify ライブラリから v-card にホバー効果を適用する .js。これが私の試みです: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  438

CSS を使用してブロックの端をフェザリングする方法を学びます

ボックスの端にぼかし効果を持たせるように CSS を変更するにはどうすればよいですか?ボックスの背景に曇りガラスの効果を持たせ、周囲の鋭いエッジの代わりに徐々に背景に溶け込むぼかし効果を持たせたいのですが、現在の CSS を変更する方法がわかりません。ご協力をよろしくお願いいたします。 .wrap{位置:相対;幅:100%;高さ:100vh;背景画像:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  716

CSS のヒント: 水平線と中央揃えのテキストを作成する

テキストを含む水平方向の仕切りを作成しようとしています。例: ----------------------------------これが私のタイトルです -------- - ------------------------CSS でこの効果を実現する方法はありますか?明らかに、すべての「-」ダッシュを使用する必要はありません。

P粉248602298 2023-08-20 15:11:18 0  2  510

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパー ドロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32 0  2  583

グリッドコンテナに行ではなく列を埋めるようにする

グリッドを次のように垂直方向に塗りつぶしたい: 147258369...任意の追加行数. 代わりに、次のように水平方向に塗りつぶします: 123456789 グリッド内の行数ではなく列数を指定したい。インライン CSS スタイルを使用すると、私の div は次のようになります: <divstyle="display:grid;grid-template-columns:1fr1fr1fr;"><div

P粉551084295 2023-08-27 20:59:46 0  1  499

javascript - CSS および JS がロードされるときのページ レンダリングのブロックに関する問題

テスト用に、big.css (3.8MB) と big.js (8.1MB) ファイルを意図的に大きくし、コンソール ネットワークでは [通常の 4G] を選択し、[キャッシュの無効化] をオンにし、js ファイルと css ファイルの両方を body タグの後に配置しました。導入。最初の状況: big.js がページに導入されず、big.css のみが導入されます: {...

曾经蜡笔没有小新 2017-05-18 10:58:43 0  1  634

html5 - 疑似要素が追加されましたが、要素を表示すると表示されません

{コード...} このように二方向にアニメーションを設定したいのですが、重ね合わせると曲線の効果が出ますが、今追加した疑似要素は要素を表示すると見えません。理由を聞いてもいいでしょうか？どこに書き間違えたのでしょうか？

为情所困 2017-07-04 13:45:09 0  2  2019

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

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

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

javascript - プログラミングの初心者として、エディターを使用して jQuery または thinkphp のソース コードをコピーする必要がありますか?

プログラミングの初心者の方は、エディターを使用して jQuery ライブラリまたは thinkphp フレームワークのソース コードをコピーしたいですか? プログラミング能力とアイデアを向上させるためですか? 同じことをした人を Zhihu で見たことを覚えています。今、その答えを探してください。 . ここにはありません。専門家にこれがどの程度効果があるか教えていただけますか?

高洛峰 2017-06-05 11:07:36 0  3  598

javascript - 要素が現在表示領域内にあるかどうかを確認する方法

タイトルにあるように、水平方向に自由にスライドできる水平方向に入力された li の行ができました。特定の li が現在の表示領域内にあると、そのスタイルの一部が変更されます。そのような効果はどのように記述すればよいでしょうか?皆さんが答えを手伝ってくれることを願っています。 。 。 。 。 。 。

天蓬老师 2017-07-05 11:07:20 0  5  1138

JavaScript - モバイル側でsarafiやIEに表示されるラバーバンド効果を無効にする方法

iOS の Safari ブラウザでは、Web ページを一番上までスクロールすると、ゴムバンドのようにさらにスクロールし、手を離すと元に戻ることができます。この影響は Windows タブレットにも存在します。ページ内のスクロールに影響を与えることが多いため、この効果をCSSで無効にする方法を教えてください。私の知る限りでは...

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

WP REST APIを安全に無効にする

WordPress サイトのセキュリティの向上を検討しているのですが、その過程で、WPRESTAPI がデフォルトで有効になっていることがわかりました (私の記憶が正しければ WP4.4 以降)。それを無効にする安全な方法は何ですか?ここでの「安全」とは、他の WP コア機能を壊さないなど、意図しない副作用を引き起こさないことを意味します。考えられる方法の 1 つは、.htaccess 書き換えルールを使用することですが、驚くべきことに、これを行うための「公式」手順は見つかりませんでした。助けやアドバイスがあれば大歓迎です:) 更新: サードパーティのプラグインは私が探している解決策ではありま...

P粉463811100 2024-01-10 16:27:31 0  2  502

Nginxが強制的にHTTPSにジャンプする問題について

インターネットで調べてみると、その中の 1 つが次のように述べていました。 https://$host$1 Permanent; ここでの $host$1 と Permanent は何を意味しますか? Baidu で確認したところ、$host が要求されたホスト名、$1 が最初に一致した結果、permanent が永続的な方向であることがわかりました。 ...

给我你的怀抱 2017-05-16 17:08:12 0  1  489

画面上の CSS センター ポップアップ。コンピューターやタブレットでは機能しますが、携帯電話では機能しません

CSS を使用して、画面中央にヘルプ ポップアップを表示してみてください。私のコンピュータと iPad では問題なく動作しますが、iPhone ではポップアップがスクロール可能な垂直方向のスペース全体の垂直方向の中央に配置されるため、表示するために時々上下にスクロールする必要があります。呼び出されたときに、現在表示されている画面の中央に配置したいと考えています。 (ページの高さは静的ではないことに注意してください。つまり、ユーザーのアクティビティに基づいて伸びたり縮んだりします)。関連する CSS は次のとおりです: .helpcontent{position:fixed;top:50%;le...

P粉662802882 2024-03-28 20:02:46 0  1  384

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

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

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

CSS カスタム プロパティを効果的に使用するにはどうすればよいですか?

私は、アプリケーションが 10 個の Tailwind スタイルのカラー バリエーションのセットを生成するために使用する原色をユーザーが選択できるようにするカスタム テーマを使用したアプリケーションを開発しています。 JavaScript を使用して色を生成し、それらを dom に注入していますが、調査の結果、dom はコンパイルされた CSS にしかアクセスできないため、scss 変数を注入できないことがわかりました。したがって、scss 色の代わりに css カスタム プロパティを使用する必要がありました。これが珍しい使用例であり、scss が色を扱う方法ではないことはわかっていますが、問...

P粉384366923 2024-01-16 19:00:56 0  1  385

CSS 表示プロパティの変換

私は現在、CSS の「メガ ドロップダウン」メニューを設計しています。基本的には通常の純粋な CSS ドロップダウン メニューですが、さまざまなタイプのコンテンツが含まれています。現在、CSS3 トランジションは「display」プロパティでは動作しないようです。つまり、display:none から display:block (または任意の組み合わせ) に移行することはできません。誰かがトップレベルのメニュー項目の 1 つにカーソルを置いたときに、上の例の 2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性で変換を使用できることはわかっていま...

P粉958986070 2023-08-23 12:27:32 0  2  607

自動検索プロンプト (補完) についてはすでに優れたソリューションが存在します。なぜ車輪を再発明する必要があるのでしょうか。

インテリジェント プロンプト機能の実装には、JavaScript、ajax、データベース、jsp/php に関する多くの知識が必要です。データ量が多い場合は、特別な最適化が必要です。小さな機能に多大な労力を費やすのは適切ではありませんが、ユーザーにとっては、入力コストを効果的に削減できます。入力ボックスに向かうときに、より多くのプロンプトが表示され、混乱したり無力になったりすることがなくなります。ウェブマスターにとっては、重要な情報を優先することができます。ウェブサイト。

panie 2017-06-29 16:03:09 0  1  1812

クリック関数で 1 つの要素のみを選択できるようにするにはどうすればよいですか? (純粋なJS)

API からデータを取得し、一連の質問を作成し、配列からランダムに選択された質問に応じて、毎回異なる数の「回答要素」をクイズ ページにロードするクイズ アプリを作成しています。これは、CSS カード スタイルに対する効果的な回答である、クリック可能な一連の「プレイヤー カード」を特徴とする作品です。ユーザーがカードを選択し、チェック ボタンをクリックして機能を実行し、カードが正しいかどうかを確認するという考え方です。この機能は 1 つを除いてうまく機能します。ユーザーはすべてのカードを選択できます。私が抱えている問題は、すべての回答をクリックすると、すべての回答が CSS クラスを取得できるこ...

P粉345302753 2024-01-29 14:08:19 0  1  470