| Каталог файлов |
Рейтинг:5.0
Категория: Скрипты для 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>
<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>
0 комментариев
•
848 просмотров
•
дата: 24.11.2024
•
автор: admin
Советую взглянуть:
Новая красивая статистика онлайн. Ajax окно uCoz в стили To Do List v.1.0 Быстрый ответ в тему на последнее сообщение Удобный вид комментариев
| Всего комментариев: 0 | |
