Deckkraft verringern beim mouseover von Bildern mit jQuery

    Hier mal ein Beispiel wie man mit jQuery bei Bildern mit dem img Tag beim überfahren mit der Maus die Deckkraft verringert. Das ganze kann auch auf andere Bereiche angewandt werden dazu einfach den img Tag durch die gewünschte Klasse oder ID oder Tag ersetzen.


    Code
    1. <script>
    2. $(document).ready(function(){
    3. $('img').hover(function(){
    4. $(this).stop().animate({ opacity: '0.4' } , '100');
    5. } , function(){
    6. $(this).stop().animate({ opacity: '1'} , '100');
    7. });
    8. });
    9. </script>