ホームページ ウェブフロントエンド jsチュートリアル jQueryのマウスホバーevent.hover()の使い方を詳しく解説

jQueryのマウスホバーevent.hover()の使い方を詳しく解説

Jun 26, 2017 am 11:06 AM
jquery イベント について ホバリング ねずみ

は、Domのmouseenter(マウスの入力)イベントとmouseleave(マウスの離脱)イベントを簡素化するために、JQueryの.hover()イベントを提供します。hover(匿名メソッド)の最初のパラメータはmouseenterを表し、2番目のパラメータはmouseleaveを示します。これは、ホバーに対して 2 つのパラメーターを渡すことができることを意味します。次のコードに示すように:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>hover demo</title>
  <style>
  ul {
    margin-left: 20px;
    color: blue;
  }
  li {
    cursor: default;
  }
  span {
    color: red;
  }
  </style>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li class="fade">Chips</li>
  <li class="fade">Socks</li>
</ul>
 
<script>
$( "li" ).hover(//为li绑定了鼠标进入和鼠标移开的两个参数
  function() {
    $( this ).append( $( "<span> ***</span>" ) );
  }, function() {
    $( this ).find( "span:last" ).remove();
  }
);
 
$( "li.fade" ).hover(function() {<pre name="code" class="html" style="color: rgb(51, 51, 51); 
font-size: 14px; line-height: 26px;">//为li元素下的class类是fade的所有元素绑定了鼠标进入参数
$( this ).fadeOut( 100 );
 $( this ).fadeIn( 500 );});
</script> 
</body>
</html>

以上がjQueryのマウスホバーevent.hover()の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Win11 でタスクバーのサムネイル プレビューを無効にする方法は? マウスを移動してタスクバー アイコンのサムネイル表示テクニックをオフにする Win11 でタスクバーのサムネイル プレビューを無効にする方法は? マウスを移動してタスクバー アイコンのサムネイル表示テクニックをオフにする Feb 29, 2024 pm 03:20 PM

この記事では、Win11システムでタスクバーアイコンをマウスで移動したときに表示されるサムネイル機能をオフにする方法を紹介します。この機能はデフォルトでオンになっており、ユーザーがタスクバー上のアプリケーション アイコンの上にマウス ポインタを置くと、アプリケーションの現在のウィンドウのサムネイルが表示されます。ただし、一部のユーザーは、この機能があまり役に立たない、またはエクスペリエンスに悪影響を与えると感じ、オフにしたい場合があります。タスクバーのサムネイルは楽しい場合もありますが、気が散ったり煩わしい場合もあります。この領域にマウスを移動する頻度を考えると、重要なウィンドウを誤って閉じてしまったことが何度かある可能性があります。もう 1 つの欠点は、より多くのシステム リソースを使用することです。そのため、リソース効率を高める方法を探している場合は、それを無効にする方法を説明します。しかし

Razer | Pokémon Gengar ワイヤレスマウスとマウスパッドが登場、セット価格は 1,549 元 Razer | Pokémon Gengar ワイヤレスマウスとマウスパッドが登場、セット価格は 1,549 元 Jul 19, 2024 am 04:17 AM

7 月 12 日のこのサイトのニュースによると、Razer は本日、Razer|Pokémon Gengar ワイヤレス マウスとマウス パッドの発売を発表しました。単品価格はそれぞれ1,299元、299元、2製品を含むパッケージ価格は1,549元。 Razer が Gengar と提携した周辺機器製品を発売するのはこれが初めてではありません。2023 年に Razer は Gengar スタイルの Yamata Orochi V2 ゲーミング マウスを発売しました。今回発売される2商品は、いずれもゴースト、ゴースト、ゲンガーの姿をイメージした濃い紫色を基調に、その3匹のポケモンとモンスターボールの輪郭がプリントされており、中央にキャラクターのゲンガーが描かれている。古典的なゴーストタイプのポケモンの大きくてカラフルな画像。このサイトでは、Razer|Pokémon Gengar ワイヤレス マウスが、以前にリリースされた Viper V3 Professional Edition に基づいていることがわかりました。全体の重量は 55g で、Razer の第 2 世代 FOC を搭載しています。

HP、Professional 1 3モードソフトマウスを発売:4000DPI、Blue Shadow RAW3220、初期価格99元 HP、Professional 1 3モードソフトマウスを発売:4000DPI、Blue Shadow RAW3220、初期価格99元 Apr 01, 2024 am 09:11 AM

3月31日のこのウェブサイトのニュースによると、HPは最近JD.comでProfessor1 3モードBluetoothマウスを発売し、黒と白のミルクティー色があり、初期価格は99元で、保証金10元が必要です。報道によると、このマウスは重さ106グラム、人間工学に基づいたデザインを採用し、寸法127.02x79.59x51.15mm、オプションで7つの4000DPIレベルがあり、Blue Shadow RAW3220センサーを搭載し、650mAhのバッテリーを使用することができるとのことです。 1回の充電で2か月使用可能。このサイトに添付されているマウスパラメータ情報は次のとおりです。

VGN との提携ブランド「Elden's Circle」キーボードおよびマウス シリーズ製品が店頭に並びました: Lani / Faded One カスタム テーマ、99 元から VGN との提携ブランド「Elden's Circle」キーボードおよびマウス シリーズ製品が店頭に並びました: Lani / Faded One カスタム テーマ、99 元から Aug 12, 2024 pm 10:45 PM

8月12日のこのサイトのニュースによると、VGNは8月6日に、Lani/Faded Oneのカスタマイズされたテーマでデザインされたキーボード、マウス、マウスパッドを含む共同ブランドの「Elden Ring」キーボードおよびマウスシリーズを発売しました。の製品はJD.comに掲載されており、価格は99元からです。このサイトに添付されている共同ブランドの新製品情報は次のとおりです。 VGN丨Elden Law Ring S99PRO キーボード このキーボードは、純粋なアルミニウム合金シェルを使用し、5 層サイレンサー構造によって補完され、GASKET 板バネ構造を使用し、単一の- キースロット付き PCB、独自の高さの PBT 素材キーキャップ、アルミニウム合金のパーソナライズされたバックプレーン、VHUB に接続された 3 つのモード接続と SMARTSPEEDX 低遅延テクノロジーをサポートし、549 元から複数のデバイスをワンストップで管理できます。 VGN丨Elden French Ring F1PROMAX ワイヤレスマウス マウス

Razer マウス ドライバーはどのフォルダーにありますか? Razer マウス ドライバーはどのフォルダーにありますか? Mar 02, 2024 pm 01:28 PM

多くのユーザーは、Razer ドライバーによってインストールされたファイルがどこに行くのか知りません。これらのドライバー ファイルは、通常、コンピューターの C ドライブであるシステム ディスクにインストールされます。特定の場所は、programfile の RAZE フォルダーにあります。 Razer マウス ドライバーはどのフォルダーにありますか? A: システム C ドライブの Programfiles の下の RAZE フォルダーにあります。通常、ドライバーは C ドライブにインストールされます。場所に応じて見つけてください。 Razer マウスドライバーのインストール方法の紹介 1. 公式 Web サイトからファイルをダウンロードした後、ダウンロードした EXE ファイルをダブルクリックして実行します。 2. ソフトウェアがロードされるまで待ちます。 3. ここで、インストールするドライバーを選択できます。 4. 選択後、右下の「インストール」をクリックします。

Colorful が M900 Pro ワイヤレス ゲーミング マウスを発売: 右手用人間工学に基づいた形状、8K Nano レシーバー、199 元から Colorful が M900 Pro ワイヤレス ゲーミング マウスを発売: 右手用人間工学に基づいた形状、8K Nano レシーバー、199 元から Mar 23, 2024 pm 05:16 PM

3月22日の当ウェブサイトのニュースによると、Deluxは人間工学に基づいた右利き用形状のワイヤレスゲーミングマウス「M900Pro」を発売し、初回先行販売価格は199元からとなっている。カラフルな M900Pro は、右利き用の人間工学に基づいて設計されており、中程度から大きな手を持つユーザー向けに作られており、重量は 63 g で、マット UV コーティングがスプレーされています。マウスはPAW3395センサーを使用し、オリジナルのNanoレシーバーは8000Hzのワイヤレスリターンレートをサポートし、Huannuoブルーシェルピンクドットマイクロムーブメントを搭載し、RGB充電ベースと滑り止めステッカーが標準装備されています。さらに、LOD調整、フルキーカスタマイズ、カスタムリップルコントロール、直線補正などの機能にも対応しており、PTFEフットパッド、1.6mのパラコードコード、内蔵レシーバー収納部を備えています。このサイトでは、このマウスの具体的なパラメータを次のようにまとめています。 色: 黒、白、赤

マウスの重みは何に役立ちますか? マウスの重みは何に役立ちますか? Mar 01, 2024 am 10:00 AM

マウスの重さ、これはマウスの中で非常に興味深い役割を果たしますが、この重さはマウスの中でどのような役割を果たしますか? ユーザーによって感じ方は異なるかもしれませんが、この重さの役割は、より安定した結果を得るために重さを追加することです。マウス ウェイトの用途: 回答: マウス ウェイトを安定させる目的は、安定した効果を達成することです。また、中央のウェイトを増やすこともできます。もちろん、適切でないと思われる場合は追加する必要はなく、必要なユーザーのみが追加できます。ウェイト ブロックを取り付けるとゲームのプレイにどのような影響がありますか: 1. 特に FPS ゲームをプレイする場合、マウスの安定性がさらに向上します。銃を押すと特にクールです。エクスペリエンスを直接最大化できます。また、安定性やその他の耐久性の側面が向上します。 2. 何かをしている場合

マウスウェイトブロックの取り付け方法 マウスウェイトブロックの取り付け方法 Mar 01, 2024 am 09:20 AM

マウス カウンターウェイトを購入した後、操作感と安定性を高めるには、どのように取り付ければよいですか?操作方法がわからない友達もいます。今日は、このマウス カウンターウェイトの取り付け方法を説明します。マウスウェイトブロックの取り付け方法: 1. マウスの下に磁石があり、下に開きます。 2. 次に、ピンセットを使用してウェイトボックスを開けます。 3. 次に、マウスの下にウェイト ブロックを置きます。 4. 最後に、マウスの安定性が向上しました。

See all articles