マウスが要素上で停止したかどうかを確認するにはどうすればよいでしょうか?

JavaScriptまたはCSSを使用して要素の上にマウスを置くのを止める方法を知りたいです。マウスを要素の上に置くと背景の色が変わるアニメーションを作成しています。また、要素の上にマウスを置くのをやめたときにアニメーションを追加したいと考えています。これどうやってするの？

P粉547420474 2024-03-31 13:28:28 0  1  411

スタイル a の上にマウスを置くと、 a の背景色が黄色に設定されます。

これは、マウスがスタイル a の上にあると、a の背景色が黄色に設定されることを意味します 1234 a:hover {background-color: yellow; } これが最も一般的です。

PHP中文网用户-9291898 2022-09-22 19:25:53 0  1  891

検証コード

検証コードの上にマウスを置くとこのメッセージが表示されるのはなぜですか?

大司命 2018-08-14 09:34:45 0  0  996

javascript - イベントの実行終了直後にイベントを停止する方法

マウスの移動インと移動の非表示イベントを設定しているのですが、マウスを複数回スライドさせると複数回実行されてしまいます。マウスの移動イベントの実行直後にイベントを停止するにはどうすればよいですか? {コード...}

ringa_lee 2017-06-14 10:54:31 0  5  887

ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法

私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです。要素の上に移動すると、マウスが要素から離れた場合でもアニメーションがトリガーされるという考えです。要素の上にマウスを移動すると、アニメーションが再生されて 0 度に留まり、マウスが離れると別のアニメーションが再生され、回転して -8 度に戻ります。 consstelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  505

JavaScript - div はリンクです。マウスを上に動かすと、「もっと見る」ボタンなどの div が表示されます。これを行うにはどうすればよいですか?

div はリンクです。マウスをその上に移動すると、「もっと見る」ボタンなどの div が表示されます。

怪我咯 2017-07-05 10:40:58 0  4  902

JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

学习ing 2017-06-24 09:44:08 0  3  951

JavaScript - vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外側にスライドさせる効果を実現する方法。

vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを画面の外にスライドさせたままにする効果を実現する方法。以下は私が書いたコードですが、私が書いたのは次のとおりです: マウスを上に動かします、ボックスはスライドしていますが、マウスは離れていませんが、ボックスは消えています。

PHP中文网 2017-05-19 10:30:36 0  2  875

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

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

P粉021708275 2023-08-31 11:22:01 0  1  680

条件付きでclassNameをcssモジュールに変更（React）

ユーザーが Web サイトのナビゲーション バーの上にマウスを置いたときにアニメーションを再生しようとしています。マウスがナビゲーションバー上にあるかどうかに基づいて CSS モジュールを変更することでこれを実現しようとしています。このコードが機能しない理由を理解しようとしています。ご協力をよろしくお願いいたします。 Navbar.jsx: importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17 0  1  553

Antd React ディレクトリ ツリー ノードの背景色をカスタマイズするにはどうすればよいですか?

マウスがツリー ノード上にあるときに、より少ないスタイルを使用して antd ディレクトリ ツリー ノードのデフォルトの背景色を変更するにはどうすればよいですか? <Tree.DirectoryTree>{data.map((item)=>{return(<Tree.TreeNode//@ts-ignoreitem={item}icon={<></>}key={item.user_folder_id}title= {アイテム.タイトル

P粉825079798 2023-09-03 12:09:15 0  1  748

javascript - js ページを編集した後、データベースから取得したデータに対していくつかの操作を実行したいと考えています。たとえば、性別が男性の場合、フォントは赤に変わります。

js ページを編集した後、データベースからトラバースされたデータに対していくつかの判断操作を実行する必要があります。たとえば、性別が男性の場合、フォントが赤に変わります。名前の上にマウスを移動すると、プロフィールが表示されます。プロファイルがデータベースに存在します。

大家讲道理 2017-05-19 10:29:23 0  2  507

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

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

追逐梦想 2019-11-05 17:19:04 0  1  1045

Blazor wasm で行ホバーを実装する方法

コレクション内の変数行の数に基づいて変更される Blazor テーブル コンポーネントがあります。 項目名 説明 アップローダー アップロード日 @foreach(variiteminItems){@item.Name@item.Description@item.UserName@item.UploadDate.ToString( " dd-MM-yyyy")DoWork} 私がしなければならないことは、マウスが行の上にあるときに、その行の特定の要素のみが有効になることです。例えば、

P粉425119739 2023-08-13 16:53:14 0  1  527

javascript - JS および CSS の問題、マップ上のアイコンにマウスを移動した後、表示されたコンテンツをアイコンを基準にして中央に配置する方法。

下の図に示すように、右側は必要な効果です。つまり、地図上の赤い場所アイコンの上にマウスを移動すると、表示される写真とコンテンツが下の場所アイコンを基準にして中央に配置されます。左側が私が作ったエフェクトですが、ズレがひどいので参考にしてください。以下は私のHTMLコードです{code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  892

javascript - ポイントのデバッグを中断せずに、アクションによって呼び出される JS を見つけるにはどうすればよいですか?

ブレークポイントを設定する独自のコードを書くのは簡単で、Firebug はブレークポイントに直接ジャンプします。ただし、煩わしいことがよくあります。他の人のコードを見ると、大量の js が読み込まれています。js と jquery は通常イベント バインドされているため、js のアクションは html タグに直接記述されません。現時点では、1.生成された要素の上をマウスが通過すると...

滿天的星座 2017-06-26 10:58:40 0  2  710

マウスがナビゲーション ラベルの上を通過しても効果がありません。問題を見つけるにはどうすればよいですか?

<!DOCTYPE html><html><head> <meat charset="utf-8"> <title>ブロックレベル要素とインライン要素を変換する</title> <link rel="shortcut icon" type=&quo

萝卜 2018-11-07 14:54:33 0  1  1158

Vue トランジションのトランジション遅延を削除するにはどうすればよいですか?

Vue を使用して、マウスを画像の上に置くとテキスト ボックスが上に移動してフェードインするようにアニメーション化しています。アニメーションは正しいですが、開始するまでにわずかな遅延があります。画像をホバーするとテキスト ボックスがスムーズにフェードインし、上に移動し始めるようにしたいと考えています。テキスト ボックスは適切にフェードアウトし、カーソルが離れると下に移動します。テンプレート:`{{バッジ[アイテム].説明}}`、メソッド:{hoverStart(i){this.hoveredIndex=i;}、

P粉757432491 2023-08-17 17:36:49 0  1  526

書き換えられたタイトルは次のとおりです。 カーソルがリスト要素に移動したことに応じてリストのタイトルを変更します。

リンク テーブルを作成しています。リスト リンクの 1 つにマウスを移動したときにテーブル ヘッダーの背景色を変更して、テーブルをより美しくしたいと考えています。ただし、コンテナ要素の小さな要素に影響を与えて、コンテナ要素のプロパティを変更する方法がわかりません。これは私のコードです: <htmllang="vi"><head><style>.toc-container{max-width:600px;font-family:"Roboto&

P粉131455722 2023-09-04 23:54:54 0  1  543

ナビゲーションバーのホバー効果を実装する方法

垂直ナビゲーションバーを作成中です。そのアイコンの名前が右側に表示されるはずです。また、マウスをアイコンの上に置くと名前が白から黒に変わるはずですが、機能しません。それが役立つかどうかを確認するためにタグを変更してみました。また、HTML のタグを変更し、CSS のタグも変更してタグが機能するようにしました。このサイトで問題の解決策を探しました。ナビゲーション バーが機能しません。ここにコードを置く方法がわかりません。お役に立てれば、メッセージ経由でコードを送信させていただきます。理解するのに30分以上費やした

P粉041758700 2024-01-10 18:06:56 0  1  464