.hover (handlerIn, handlerOut)

수다왕

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

· 8년 전 · 조회 1417 1417

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

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5246	node.js	노드로 멀티스레드 기능 구현하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1102
5245	PHP	PHP에서 대량의 푸시 메시지를 보내기 위한 팁 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2524
5244	PHP	PHP로 인쇄명령주기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1284
5243	JavaScript	Javascript로 JSON데이터를 보기좋게 만들기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	683
5242	node.js	NodeJS에서 콘솔명령 실행하고 그 리턴값을 파일로 저장하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	664
5241	node.js	NodeJS CORS (Cross-Origin Resource Sharing) 허용하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	775
5240	MySQL	MySQL과 PostgreSQL의 우단점	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	803
5239	MySQL	프로시저 cursor 사용 예	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	776
5238	JavaScript	바닐라 ajax 파일업로드 예제	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	977
5237	웹서버	PHP에서 CORS (Cross-Origin Resource Sharing) 허용하기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	3985
5236	PHP	PHP로 AES-256-GCM 복호화	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	898
5235	PHP	PHP와 NodeJS의 강점 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1376
5234	기타	트래픽 로그(실시간?) 그래프로 보기?	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	752
5233	jQuery	jquery datepicker 선택한 날짜의 요일을 얻기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2032
5232		크롤러 *업데이트	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	615
5231		게시글 본문에서 qr코드 출력 (gpt) [3]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1169
5230		웹사이트 크롤러 [4]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1068
5229	PHP	PHP에서 가상 게이트웨이를 구현하여 패킷 라우팅 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1020
5228	MySQL	프로시저 기본편	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	721
5227	PHP	PHP에서 특정 네트워크 인터페이스(망카드)를 선택하여 통신 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	833
5226	PHP	PHP로 웹소켓서버를 창조하는 방법 한가지 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1808
5225	PHP	MSSQL서버에 접속하지 못할때	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	574
5224	node.js	NodeJS로 ffmpeg 사용하여 rtsp 데이터를 websocket 으로 방송하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	4079
5223	PHP	PHP로 백그라운드 서비스를 실행하는 방법 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1314
5222	기타	이전글,다음글 기능이 안되는 경우	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	558
5221	PHP	아파치, PHP에서 MSSQL 리용할때	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	651
5220		MVC구조의 PHP프레임워크들이 꼭 사용하는 spl_autoload_register() [4]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	902
5219		mp4 미디어바 중앙정렬 [8]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	876
5218		Laravel에서 php artisan migrate --seed 실행시 "Specified key was too long error" 오류발생 [1]	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	520
5217		상단으로 를 상하 이동 및 퍼센트 표시 하기 [6]	들레아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	996