İstediğin şu sanırım senin:

head tag arasına:
<script></script>

uygulayacağın kod:
<script>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});

});
</script>


css dosyan:


body tagları arasına:





Örnek çalışma:





jQuery Hover Effect
<script></script>
<script>
$(document).ready(function(){

$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});

});
</script>











yukarıdaki gibi olmalı.

Demo ve Kaynak