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

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

マウスをボタンの上に置くとサブメニューが表示されます

ボタンの上にマウスを置くとサブメニューがポップアップする解決策を探しています。現在、メニューはクリックされた場合にのみ表示されます。ボタンの上にマウスを置くとメニューが表示され、クリックするとメニューがそこに留まるようにするには何を変更する必要があるか知っている人はいますか。解決策: ホバーをマウスオーバーに変更します。マウスオーバー時にすべてのセクション（sect1...）を表示しないようにする方法を知っている人はいますか？ <script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01

css - 如何让鼠标停留的时候title悬浮显示出来的文字换行呢?

图片中简介处代码用的这个title="{{value.teacherInfo.remark}}",鼠标停留在简介上时,悬浮显示了右边的简介里的文字,可是遮盖住了左边的简介,如何让title出来的文字换行呢?简介：{{value.teacherInfo.remark }}

phpcn_u1582 2017-05-15 17:11:53

1 つの要素をホバーしたときに他の要素に影響を与える方法

私がやりたいのは、div をホバーすると、別の div のプロパティに影響を与えることです。たとえば、この JSFiddle デモでは、#cube の上にマウスを置くと背景色が変わりますが、私が望んでいるのは、#container の上にマウスを置くと #cube が影響を受けるということです。 div{outline:1pxsolidred;}#container{幅:200px;高さ:30px;}#cube{幅:30p

P粉769413355 2023-08-27 12:48:40

ホバーされたテキストはマウスの位置で色が変わります

すべてのテキストではなく、マウスの位置のテキストのみの色を変更するにはどうすればよいですか?このように、マウスの動きに合わせて表示される円が表示され、ホバーするとテキストにホバー中の文字の一部の境界線のみが表示されます。どのライブラリまたは関数を使用する必要があるかアドバイスが必要です。

P粉697408921 2024-03-28 14:12:45

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

マウスオーバーイベントを使用してフライアウトメニューを表示する

ポップアップメニューがあり、マウスオーバーイベントを使用して切り替えようとしていますが、期待どおりに動作していないようです。 div を .hero-list-blocka:hover+.flyout-menu のように配置して CSS ホバーイベントを使用しようとしましたが、これは機能しませんでした。これを修正/改善する方法について何か提案はありますか?ありがとうございます constflyoutLink=document.querySelector('.flyout-link');constflyoutMenu

P粉254077747 2024-04-03 15:14:43

Bootstrap Vue を使用してホバー時に選択ドロップダウンを開く方法

<select> または <b-form-select> をトリガーし、マウスオーバー時にオプションのドロップダウンリストを表示する方法が必要です。 JQuery や Vue.js 以外の外部プラグインは使用しません。

P粉635509719 2024-03-26 14:04:58

Bootstrap 5 ポップアップが存在していたモーダルを閉じて再度開くと、フォーカスを開く機能が失われるのはなぜですか?

Bootstrap5 モーダルとその上に配置されたポップアップに問題があります。私のHTMLには次のものがあります。ユーザーがボタンの上にマウスを置くと、正しく表示されます。ポップアップには「よろしいですか?」という入力プロンプトが表示され、ボタン (ホバー) をクリックして続行するようユーザーにアドバイスされます。ボタンをクリックするとフォーカスが移り、再度クリックするか要素をクリックして離れるまでポップアップが開いたままになります。これにより、マウスポインタがポップアップウィンドウのコンテンツに入り、[続行] ボタンをクリックできるようになります。これが私が望むものです: https:...

P粉022501495 2024-03-28 23:27:50

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

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

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

React を使用した HTML の SVG パスセレクター

ユーザーがSVGをアップロードできるペイントアプリケーションを作成しています。さまざまな色で塗りつぶし、SVG 上に描画してから消去します。しかし、残念ながらSVGのパスを取得できません。以下は SVG 画像です。ホバーした場合、そのホバーパスのパスを取得し、選択した色で塗りつぶしたいだけです。 Canvas パスと SVG パスを試してみました。しかし、運がありません。 Canvas には beginPath メソッドがあり、SVG を描画するために使用します。 <?xmlversion='1.0'encoding='utf-8'?&

P粉566048790 2023-09-01 23:22:48

セカンダリナビゲーション表示の問題

ナビゲーションタイトルテーブルの fid は、ナビゲーションラベルの sid に対応しますナビゲーションタイトルにマウスを置いたときに、対応するナビゲーションラベルを表示する方法ナビゲーションタイトルテーブルに対応する Model に hasMany() メソッドが確立されています。この問題の解決を手伝ってください。皆さん、ありがとう。そして、PHP 中国語 Web サイトに感謝します。

追逐梦想 2019-11-05 17:19:04

タイトルを「ホバー展開メニューをクリック展開に変更する方法」に書き換えます。

したがって、基本的には、カーソルを置くと展開するメニューがあります。クリック時に展開するようにコードを書き直すにはどうすればよいですか (クリックすると展開し、もう一度クリックすると折りたたむ)。必要に応じて JavaScript を使用することもできますが、私はすべてを HTML と CSS だけで行うようにしています。 html,body{font-family:Arial,Helvetica,sans-serif;}.navigation{width:300px;}.mainmenu,.subm

P粉090087228 2024-01-16 18:51:40

特定のメニュー項目にマウスオーバーしても、非表示のサブメニューが表示されない

メニュー項目を呼び出すことができるように、メニュー項目用にいくつかのクラスを作成しました。 .dropdownBox{display:none;}.dropdownli:hover>ul.dropdownBox{display:block;} ただし、.dropdown クラスによる「作業中の」スクロール状態では、.dropdownBox クラス <navclass="screen2_menu_container "> によるサブメニュー項目が表示されるようになりました。

P粉138871485 2024-04-04 14:39:08

Vue の水平スクロール

マウスでアイコンを横にスクロールしたいです。 JavascriptのscrollLeftで試してみましたが、スクロールしても値は変わりません。スクロールすると、deltaY 値のみが 100 と -100 の間で変化します。どこに問題があるか知っている人はいますか?スクロールしてスクロールバーをマウスオーバーすると機能しますが、divコンテナ全体で機能したいと考えています。また、可能であれば依存関係/npm-librariesなしでこれを実行したいと考えています。テンプレート<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27

助けを求めています: データラベルをその位置と一致してグラフ上に永続的に表示する方法

これらのデータラベルをグラフ上に永続的に表示して、マウスオーバー時だけでなく常に表示されるようにしたいと考えています。誰か助けてくれませんか？ [これに似た例を示します] コードも書き留めておきます。 (https://i.stack.imgur.com/TY8X1.png) 円グラフの例 //キャンバス要素を取得します varcanvas=document.getElementById('pieChart');//円グラフを作成します varpieChart=newChart(can

P粉302160436 2023-08-15 23:21:18

NVDA スクリーンリーダーは視覚的に隠されたテキストを読み取ることができません

以下に示すコードは、テキストを表示し、視覚的に非表示にしたい表の一部ですが、視覚的に隠されたテキストは、マウスオーバー時にスクリーンリーダーによって認識されません。 bootstrap5を使用しています。 <tdclass="col_featured"><span>29%</span><spanclass="visually-hidden">打者

P粉076987386 2023-09-05 10:51:25

Tailwind CSS は VS コードプロジェクトに適用されませんか?

Laravel10.18.10を使用してプロジェクトを開発しており、VScodeでtailwind拡張機能をダウンロードしました。 tailwind コードを適用しようとすると、プロジェクトに適用されないようです。コードの上にマウスを移動すると、次のようなポップアップウィンドウが表示されます。ただし、表示されているページでは効果がありません。表示されたページちなみに、このファイルは /resources/views ディレクトリに保存されていますが、この問題の原因を知っている人はいますか? headwind 拡張機能をダウンロードしようとしましたが、それも機能しませんでした。二言で言いたい

P粉521697419 2023-08-16 18:34:03

React を使用して画像上にインタラクティブマーカーを配置する

助けてください。ホームページには以下のような画像が表示されています（拡大画像）。「FORGE」の家には、中央に黒い矢印が付いた白と青のマーカーがあることに注意してください。「賃貸」住宅も同様です。これらのマーカーはそれぞれ、インタラクティブなボタンとして機能します。予想されるインタラクション動作は次のとおりです: ホバーすると、青い背景が拡大して「Forge」または「Rentals」というテキストが表示されます。クリックすると、ユーザーは適切な「Forge」または「Rentals」ページに移動します。また、画面のサイズが変更されたときに応答するようにしたい、

P粉896751037 2023-09-08 21:25:41

「x」または「閉じる」ボタンをクリックしてもブートストラップのモーダルボックスを閉じることができません

クリックしてモーダルを開くと、モーダルは正常に表示され、閉じるボタンにはマウスが上に置かれていることが表示されますが、クリックしても何も起こらず、モーダルは開いたままになります。これまでにこの問題に遭遇した/解決した人はいますか?ここでは「data-bs-dismiss」を追加しているだけですが、これはスキーマには影響しません。私はブートストラップを初めて使用するので、あらゆる助けをいただければ幸いです。コードは次のとおりです。完全なコードへのリンク-<!DOCTYPEhtml><html><head&g

P粉809110129 2024-03-29 23:39:12

タグを使用して VEGA で直接レイアウトを強制する

各ノードのラベルを表示する強制指示レイアウトを使用して、VEGA でネットワーク図を作成しようとしています。可能なアプローチがこの質問で言及されています。 Vega エディタを参照すると、ラベルが存在することがわかりますが、いくつかの重複や視覚的な乱雑さの問題があります。そこで、ノードの上にマウスを置くとラベルが表示され、ダイアグラム内で強調表示されて固定されたままになる、この例と同様のことを実現できないかどうかを考えていました。「テキスト」フィールドでいくつかの変更を試みましたが、おそらくそれよりも複雑だと思います。

P粉882357979 2024-02-26 18:46:59