Fade Effect
Демо-версия - клик
Инструкция -
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