に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

学习ing 2017-06-12 09:32:56

java - 同じメソッドに対して、異なるソースからの呼び出しを異なる方法で処理するエレガントな方法はありますか?

コントロールを書いていたとき。 ViewPager を継承するクラス subViewPager があり、この ViewPager の getCurrentItem() メソッドを別の場所で使用する必要があります。これは、このコントロールの特定の座標を取得することを意味します。ただし、私の ViewPager は特殊効果用なので、そのままにしておきます...

淡淡烟草味 2017-07-03 11:42:06

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28

JavaScript - ::selection の前に ID を追加した後にテキストの背景色を選択する方法、ブラウザと互換性を持たせる方法は?

テキストの背景色を選択してください {code...} <html id="c-1"> の場合、 {code...} は Firefox でのみ動作し、Google Chrome では動作しません。 {code...} を試してみました。 }も役に立ちません。期待される効果は、HTML 内の ID を置き換えるときに、選択したテキストの背景色も置き換えられることです。

给我你的怀抱 2017-05-19 10:36:57

Flexbox 内で空のテーブル列を使用する: nowrap

Flexbox コンテナ内の空白の nowrap テキストがページからはみ出しています。 CSS レイアウトで奇妙な特殊なケースに遭遇しているようです。テーブルがあり、1 つの列に 2 つの列を持つフレックスコンテナーがあります。最初の列には選択範囲が含まれており、2 番目のテキストは 1 行に収める必要があり、長すぎる場合は省略記号で終わる必要があります (テキストは動的です)。明確にするために、私はテーブル HTML を制御できません。 HTML を追加できるのは列内のみです。フレックスボックス内のテキストのオーバーフローは一般的な問題のようですが、私の場合は通常の解決策はすべて機能しま...

P粉217784586 2024-03-28 22:08:37

WordPress メニュー効果を調整する方法

最近WordPressのテーマをいじっていて「Kratos」をインストールしました上のメニューバーの効果を調整したいのですが、バックグラウンドで直接変更する必要がなく、いじる方法がわかりませんコードです。アドバイスを求めてもいいでしょう。テーマの効果は次のとおりです。現在 2 つあります。質問: PC バージョンの上部にあるメニューを左揃えにするにはどうすればよいですか?デフォルトは次のとおりです。右揃えになりました。マウスを上に移動したときにセカンダリメニューが自動的に展開されるようにするにはどうすればよいですか?

天空蓝 2023-04-16 12:00:36

JavaScript - div フレームを描画し、div でカバーされる dom 要素を取得するマウスを実装します。

この効果と同様に、マウスを移動して div ボックスを引いて、div で覆われている dom 要素を選択します。実装できる良いアイデアはありますか? 私が思いついた方法は、div の offsetLeft、offsetTop と、選択する必要がある各要素の offsetLeft、offsetTop を判断することです。

仅有的幸福 2017-05-19 10:09:21

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

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

P粉439804514 2024-03-25 16:47:36

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30

CSS スタイルシートが機能しなくなり、HTML ファイルにリンクしなくなりました。原因は何でしょうか?

多くのフォーラムで答えを探し、約 50 の Google リンクを調べましたが、有効なものが見つかりませんでした。CSS が HTML に表示されません。私のコードは、フレックスボックスコンテナとその中に2つのフレックスボックスを追加するまでは正常に動作していました。私は常にコードをテストして、Flexbox がこの特定の HTML ファイルの外部で動作することを確認しています。さらに、localhost/#my_file# の「要素の検査」で CSS が更新されていないことに気付きました。この状況

P粉473363527 2024-04-03 09:49:45

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソースコードはメモリ上で DOM オブジェクト (ドキュメントオブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14

スクロールホイールを使用するときにスムーズなスクロールアニメーションを実現する方法はありますか?

ページをスクロールするときに、スクロールホイールを使用したときの「飛び跳ねる」方法ではなく、スムーズに移動するようにしようとしています。私がこれに関連して見たソースのほとんどは、react-scroll が提供するもののように、ボタンまたはリンクをクリックしたときのスムーズなスクロールを伴いますが、私は特にホイールスクロールのスムーズな効果を実現したいと考えています。 MaterialUI テーマを通じてこれを実現する方法はありますか、それともこれに役立つ React パッケージはありますか?

P粉118698740 2023-08-16 16:40:27

CSS スタイルがサイトに適用されない

Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービスカードの上にマウスを移動すると、背景が変化し、トランジション効果が得られます。ここからここまでになるはずです。ただし、サイトの背景をランダムな色に変更しようとすると、変更がサイトに反映されないため、HTML にリンクされている CSS に問題がある可能性があります。 @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23

JavaScript - vscode を必要に応じてカスタマイズする方法

vscode カスタマイズで実現したい効果は、ショートカットキー JS を押して変数 A をクリックして変数 A の宣言にジャンプすることです。CSS ではクラス名 B をクリックして B{...} にジャンプします。未使用の JS 変数または CSS クラス名がグレー表示され、JS 矢印機能が自動的に完了します。タブを閉じたときに項目リストが自動的に配置されないはずです...

代言 2017-07-05 10:38:58

2 つの fill.Rect 関数間の衝突を検出します。

1 人のプレイヤーが矢印キーで制御され、もう 1 人のプレイヤーが WSAD キーで制御されるゲームがあります。 600x600 のキャンバスにマップを設定しており、ゲームの塗りつぶしに 2 人のプレイヤー間の衝突を追加したいと考えています。2 人のプレイヤーが特定の半径内にいるとき、プログラムを終了するか、「ゲーム終了」のようなテキストを表示します。これが私の js です。、HTML および CSS コード (コードスニペットを表示するには、「全画面表示」に移動する必要があります): //Canvasmycan.style.display="block&quo

P粉145543872 2023-09-15 13:26:06

htmlとcssを使ってハイパーリンク機能を追加する方法

CSSを含むHTMLコードがあり、ボタンを押すと特定のファイルまたはURLに移動するハイパーリンクのような目的を実際に果たすボタンが必要です。フィールド内のハイパーリンクを実際に使用してみましたが、見た目は見苦しく、ハイパーリンクしか押せないため、HTML のデフォルトのハイパーリンクボタンを追加しようとしましたが、色を付けることができません。コードは次のとおりです: <html><bodystyle="background-color:rgb(48,45,45)"><f

P粉596191963 2024-04-01 23:34:12

アニメーションを使用して 2 つの Div を交換する方法

div を大きなボックスとして表示し、他の 3 つの div をその下に小さなボックスとして表示したいプロジェクトがあります。小さなボックスをクリックすると、CSS トランジション効果を使用してサイズが変更され、大きなボックスと位置が入れ替わります。スムーズな動きとサイズ変更。現在、jQueryを使用しようとしていますが、位置決めがまったく機能しません。これが私の現在の例です: https://jsfiddle.net/v3pmhawj/1/$(function(){let{left:x1,top:y1}=$('.full-si

P粉191323236 2023-08-26 13:55:33

モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37

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

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

P粉345302753 2024-01-29 14:08:19