Красивый эффект изменения прозрачности изображения при наведении на него курсором мыши. Возможность редактировать скорость и "уровень" прозрачности.
Установка:
1. Идём в ПУ (Панель управления) -> Дизайн -> Управление Дизайном -> Нижняя часть сайта (Глобальные блоки) и копируем туда следующие скрипты:
Code <script type="text/javascript" src="http://s105.ucoz.net/src/u.js?2"></script>
<script type="text/javascript"> $('.dsaaq img').css('opacity', '0.45'); $('.dsaaq').find('img').each(function(){ $(this).hover(function(){ $(this).animate({opacity: "1"}, 350); },function(){ $(this).animate({opacity: "0.45"}, 150); }); }); </script>
2. Теперь дело осталось за малым: изображение(я), к которым нужно применить данный эффект, помещаем в блок, с классом dsaaq. Например вот так:
Code <div class="dsaaq"><img border="0" src="http://updatesite.ru/logo.png"></div>
|