Красивый эффект изменения прозрачности изображения при наведении на него курсором мыши. Возможность редактировать скорость и "уровень" прозрачности.
Установка: 1. Идём в
ПУ (Панель управления) ->
Дизайн ->
Управление Дизайном ->
Нижняя часть сайта (Глобальные блоки) и копируем туда следующие скрипты:
Код
<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. Например вот так:
Код
<div class="dsaaq"><img border="0" src="Ссылка на картинку"></div>
Войдите на сайт или Зарегистрируйтесь