.hover (handlerIn, handlerOut)

수다왕

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

· 8년 전 · 조회 1410 1410

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

이 .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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5216		Laravel 오유 "failed to open stream: Permission denied" 퇴치방법 [1]	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	950
5215		php 몇분전, 몇시간전, 몇일전 함수 [6]	그누소스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1082
5214		내 계정 파일, DB 백업 스크립트	진서기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	722
5213	PHP	PHP 배열순설정 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	668
5212	PHP	PHP로 PDF파일 다루기 [4]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1692
5211	PHP	PHP를 사용하여 FTP를 이용하는 방법 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1453
5210	PHP	PHP와 MSSQL의 연동 코드 실례 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2141
5209	PHP	객체로 간단한 부트스트랩 매뉴 제작 함수	식물집사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	691
5208	JavaScript	jQuery없이 네티브자바스크립트로 서버에 요청보내기 7 - JSONP [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	828
5207	JavaScript	jQuery없이 네티브자바스크립트로 서버에 요청보내기 6- CORS [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	680
5206	JavaScript	jQuery없이 네티브자바스크립트로 서버에 요청보내기5- 파일업로드 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	603
5205	PHP	include와 DB해킹. 그러나 Fopen의 r 옵션만? 트릭으로 쓴다면? [1]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	694
5204	기타	자동방지문자가 안보이는 경우 - 유블럭	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	749
5203	JavaScript	jQuery없이 네티브자바스크립트로 서버에 요청보내기4 - JSON	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	575
5202	JavaScript	jQuery없이 네티브자바스크립트로 서버에 요청보내기3 - URL Encoding [3]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	603
5201	JavaScript	jQuery없이 네티브자바스크립트로 서버에 요청보내기2 - POST	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	666
5200	JavaScript	jQuery없이 네티브자바스크립트로 서버에 요청보내기1 - GET [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	856
5199	JavaScript	express로 간단한 부트스트랩 내비게이션 메뉴 생성기(아주 쉬움)	식물집사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	619
5198	기타	C#에서 WWW-Authenticate를 통과하는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	650
5197	PHP	PHP로 채트서버 만들기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	729
5196	JavaScript	ThreeJS로 3디 지구 만들기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	595
5195	PHP	PHP에서 파일다운로드기능 구현하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2049
5194	PHP	PHP 랜덤생성하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	610
5193	기타	cmd, powershell 명령 몇가지	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	660
5192	MySQL	DB백업코드 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1381
5191	JavaScript	숫자에 천단위로 콤마(,) 찍기 [11]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1070
5190	PHP	PHP CURL로 사이트 로그인 하고 그 정보 유지하기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1922
5189	MySQL	utf8mb4_unicode_ci와 utf8mb4_general_ci의 차이점 [3]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	6181
5188	node.js	운영중인 서비스가 알지못할 에러(uncaughtException)발생으로 중지되지 않게 하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1040
5187	node.js	nodejs 에서 CSV파일 파싱하여 배열로 변환하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	785