호버를 페이드 인하는 간단하고 효과적인 방법

Question

내가 마우스를 가져 가면 이미지가 다른 이미지로 희미 해지는 데 도움이 필요합니다. 이미지 위로 마우스를 가져 가면 전환이 사라 지길 원합니다. 나는 이미 여러 가지 방법을 시도했지만, 나는 그들이 원하는 방식으로 작동하지 않는 것 같습니다. 페이지 하단의 소셜 아이콘은 페이드 전환을 만들고 싶습니다. jquery/javascript/css.

감사합니다. 그래서 내가 뭘해야합니까?

http://trulyamped.com/test/index.html

Answer 1

체크 아웃 [이 바이올린] Using fade in/fade out with jquery 행 (http://jsfiddle.net/Xm2Be/13/) . 그것은 당신이 무엇을해야한다

...

html로 코드 :

<div class="fader"> 
<img class="something" src="http://placehold.it/300x300/000fff" /> 
<img class="something" src="http://placehold.it/300x300/fff000" /> 
</div> 

JS :

이

window.onload=function(){ 
    $('.fader').hover(function() { 
     $(this).find(".something").stop(true, true).fadeToggle(); 
    }); 
}; 

CSS :

.fader { display: inline-block; } 
.fader img:last-child { 
position: absolute; 
top: 0; 
left: 0; 
display: none; 
} 

가 잊지 마세요 머리에 더하기 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

0 당신은 느린 여기에 '당신이 시도한 여러 가지 방법'.fadeToggle(600);