jquery는 페이드인 및 페이드아웃 효과를 통과하는 범용 버전의 마우스를 구현합니다.

코드 복사 코드는 다음과 같습니다.

//마우스를 위로 움직이는 효과
$(".jq_btn").hover(function(){
$ (this).find( "div").stop().fadeIn();
},function(){
$(this).find("div").stop().fadeOut() ;
}) ;

원리는 매우 간단합니다

레이블 배경 설정 일반 상태

div 배경 설정 마우스 호버 배경

코드 복사 코드는 다음과 같습니다.

class=" jq_btn"

모두 자동으로 효과가 적용됩니다.