HTML низ
Код:
<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>
а это туда, где хотите видеть этот эффект:
Код:
<img src="URL" class="Hoverbuttons">
можете дублировать
работает так:
картинка прозрачная, прозрачность можете ставить свою, а при наведении она показывается полностью.