Fade Effect
http://monsterart.ru/jquery/preview01.jpg
Демо-версия - клик
Инструкция -
1) Откройте HTML-код страницы. Между тегами <head> вставьте следующее:

Код:
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.Hoverbuttons').each(function () {
              var $span = $(this).css('opacity', 0.3);
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
             }, function () {
                $span.stop().fadeTo(600, 0.3);
              });
        });
    });
</script>

2) Изображению, которому вы хотите добавить этот эффект, нужно добавить класс Hoverbuttons:

Код:
<img src="URL" class="Hoverbuttons">

Вместо URL укажите адрес изображения.
взято с monsterart.ru