Файлы Скрипты и модификации

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

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

Установка:
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>
Источник: updatesite.ru
Загрузка данных...
Материал «Эффект прозрачности изображения» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Как Вам наш дизайн?
1264 ответа
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны