English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Когда указатель мыши наводится на выбранный элемент, метод hover() указывает на два функции, которые необходимо выполнить.
Этот метод активируетmouseenterиmouseleaveсобытия.
Метод вызова hover() является сокращением: ;$(selector).mouseenter(Описание).mouseleave(Функция, выполняемая при входе курсора мыши в элемент)
Внимание：Когда передается один функционал, метод hover() выполняет функцию для событий mouseenter и mouseleave.
$(selector).hover(function_in, function_out)
マウス・ポインターが上にヒットしたとき、すべての<p>要素の背景色を変更する：
$("p").hover(function(){
$(this).css("background-color", "желтый");
}, function(){
$(this).css("background-color", "светло-голубой");
$(this).css("background", randColor());}特別なスタイルを追加して、ホバーする項目をリストにする：
$(document).ready(function(){
$("li").hover(function(){funcIn(this);}, function(){funcOut(this);});
$(this).css("background", randColor());
function funcIn(x) {
$(x).html("マウス<b>ENTER</b> イベントがトリガーされた");
$(x).css("background", "желтый");
',' + Math.floor(Math.random()*256) + ')';
function funcOut(x) {
$(x).html("トリガー・マウス・アウト・イベント");
$(x).css("background", "white");
',' + Math.floor(Math.random()*256) + ')';}$(x).css("background", "white");
Пример
$("div").hover(function(){
$(this).css("background", randColor());
});
// Функция получения случайного цвета
function randColor() {
return 'rgb(' + Math.floor(Math.random()*256) + ',' + Math.floor(Math.random()*256) + ',
',' + Math.floor(Math.random()*256) + ')';}| Значение параметра | Параметры |
|---|---|
| Описание | function_in |
| Функция, выполняемая при входе курсора мыши в элемент | function_out |