마우스 입력 및 마우스에 자바 스크립트 효과 남기기

Question

저는 자바 스크립트 등의 새로운 기능에 익숙합니다 ...하지만 몇 가지 물건을 만들 수있었습니다. 나는 페이딩 효과를 만들었지 만 페이딩없이 그것을하는 것이 더 좋습니다. 어떻게하면 페이딩을 사용하지 않고 단지 마우스 입력과 마우스가 페이딩없이 효과를 낼 수 있도록 수정할 수 있습니다.

이 내 현재 코드

$(document).ready(function() { 
$(".teamImage").fadeTo(20, 0.8); 
$(".teamImage").mouseleave(function() { 
    $(this).fadeTo(800, 0.8); 
}); 
$(".teamImage").mouseenter(function() { 
    $(this).fadeTo(320, 1); 
}); 

}) 내가 불투명도가 즉시 변경 있도록 기간을 제거 할 생각

Answer 1

입니다. 호버 스타일 : http://api.jquery.com/fadeTo/ 는 바로 '시간'인수 (첫 번째)

$(document).ready(function() { 
    $(".teamImage") 
    .fadeTo(0, 0.8) 
    .mouseleave(function() { 
     $(this).fadeTo(0, 0.8); 
    }) 
    .mouseenter(function() { 
     $(this).fadeTo(0, 1); 
    }); 
})