jqueryのmouseover()メソッド
翻訳結果：
mouse
英語 [maʊs] アメリカ人 [maʊs]
n. マウス; ネズミ; 内気な [臆病な] 人; [非公式の用語] 目の傷head
vi.ネズミを捕まえ、スパイ、秘密裏に捜索
over
English[ˈəʊvə(r)] US[ˈoʊvə(r )]
prep. (方向を示す) over; (部分的または完全にカバーする) on...; due to; (話すことを示す)
adv. end; again; (反転して) down ; 一方の側からもう一方の側まで
#adj.past;outside;on;superior
n.extra;remaining;残り (または過剰) 量;residue
int .[通信] メッセージが終了しました。返信してください。
vt.walk over、skip over; [アメリカ方言] から回復します...
jqueryのmouseover()メソッド構文
関数:マウス ポインターが要素の上にあると、mouseover イベントが発生します。このイベントは、ほとんどの場合、mouseout イベントと一緒に使用されます。 Mouseover() メソッドは、マウスオーバー イベントをトリガーするか、マウスオーバー イベントの発生時に実行する関数を指定します。 Mouseenter イベントとは異なり、mouseover イベントは、マウス ポインターが選択された要素またはそのサブ要素を通過するたびにトリガーされます。 Mouseenter イベントは、マウス ポインターが選択された要素の上を通過したときにのみ発生します。デモンストレーションについては、以下の例を参照してください。
マウスオーバー イベント構文をトリガーする: $(selector).mouseover()
関数をマウスオーバー イベント構文にバインドする: $ (セレクタ).mouseover(function)
パラメータ:
| パラメータ | 説明 |
| 関数 | オプション。マウスオーバー イベントが発生したときに実行する関数を指定します。 |
jqueryのmouseover()メソッド例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").mouseover(function(){
$("p").css("background-color","yellow");
});
$("p").mouseout(function(){
$("p").css("background-color","#E9E9E4");
});
});
</script>
</head>
<body>
<p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します