Эффект прозрачности изображения

SUAREZ добавил 1331976642 в раздел UCOZ Другие скрипты
Красивый эффект изменения прозрачности изображения при наведении на него курсором мыши. Возможность редактировать скорость и "уровень" прозрачности.






Давайте приступим к установке:

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>
+33
Теги: прозрачности, эффект, изображение, прозрачность
Автор: Не указан
Источник: http://updatesite.ru
Зарегистрируйтесь или авторизуйтесь, чтобы добавлять комментарии, оценивать материалы и сохранять их в личном кабинете.
Вы не можете добавлять комментарии
Комментарии к этому материалу пока никто не оставлял
entry
Свернуть
Развернуть мини-чат
0