.hover (handlerIn, handlerOut)

수다왕

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1416 1416

설명 : 일치하는 요소에 두 개의 핸들러를 바인딩하여 마우스 포인터가 요소에 들어갔을 때 실행됩니다.

이 .hover()메서드는 양쪽 mouseenter및 mouseleave이벤트에 대한 처리기를 바인딩 합니다. 마우스를 요소 내에 사용하는 동안 요소에 비헤이비어를 적용하는 데 사용할 수 있습니다.

전화 $( selector ).hover( handlerIn, handlerOut )는 다음과 같이 단축됩니다.

1
$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );
에 대한 토론을 참조 .mouseenter()하고 .mouseleave()자세한 내용을.

예 :
특수 스타일을 추가하여 위에 놓은 항목을 나열하려면 다음을 시도하십시오.

<!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="https://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(
function() {
$( this ).append( $( "<span> ***</span>" ) );
}, function() {
$( this ).find( "span:last" ).remove();
}
);

$( "li.fade" ).hover(function() {
$( this ).fadeOut( 100 );
$( this ).fadeIn( 500 );
});
</script>

</body>
</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5336		오라클 무료 티어 또는 AWS 대한민국 리전에서 클라우드플레어 사용시 사이트 속도 느림	푸른악마 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	954
5335		간단한 스크롤 진행률 표시기 구현하기 2 [2]	김서훈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	974
5334		간단한 스크롤 진행률 표시기 구현하기 [4]	김서훈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	886
5333		nprogress bar&Circle 수정본 입니다.	들레아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	714
5332		도커(docker) 웹관리 프로그램인 dockge 설치 및 사용방법 [7]	바다클라우드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	3644
5331		aws라이트세일에 그x보드 설치 [5]	뽕엄능브라 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1671
5330		2개 이상의 button 누르면 각 ifrme 으로 페이지 열기 [3]	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1329
5329		불펌금지 자바스크립트 [18]	GREENnBLUE 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	2650
5328		러시아 이용자들을 효과적으로 차단하기 [8]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	2454
5327		그누보드 폰에서 돌리기 (Termux) [19]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	3644
5326		F12 키를 쉽게 비활성화 시키기 [2]	시리즈8 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1548
5325	JavaScript	글자수 제한 가장 쉬운판.중 하나	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	687
5324	OS	aws 아이피 모조리 차단하기 -웹호스팅 사용자는 불가- [1]	길가던분 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	752
5323	PHP	포럼 출력소스 [ 샘플본 ]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	894
5322	PHP	게시판별 카테고리 만들기.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	791
5321	PHP	댓글이나 답글은 로직이 같다.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	650
5320	PHP	카테고리 만드는 예제.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	753
5319	PHP	엑셀로 EXPORT 할때 사용하기 좋은 방법	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	799
5318	JavaScript	문구 복사하기 자바스크립트	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	667
5317	PHP	그룹의 그룹내 사용자가 전체 메시지 보내기.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	612
5316	PHP	사용자 그룹 통합 해제(해제는 삭제)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	575
5315	PHP	랜덤값 만들기 겹치기는	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	686
5314	PHP	만들고 보니 카톡의 단톡방 톡방 패러디 .....	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	665
5313	PHP	그누보드로 다중검색을 구현해보니..	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	764
5312	정규표현식	정규표현식 쉽게 이해하는 방법 좀 가르켜주세요	linlinHuang 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	642
5311	JavaScript	페이지 로딩 애니메이션	솔루션개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	705
5310	PHP	docker 활용한 php 환경 구성 [10]	Laraveler 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	2120
5309	PHP	데이타 1개 가져오기 [5]	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1608
5308	PHP	제목(wr_subject)를 안짤리게 하려면..	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	673
5307	node.js	사진에서 배경을 제거하고 다른 배경이미지와 합성하는 서비스 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1428