Делаем контрастность прозрачности картинкам и тексту
Изначально рассеяная контрастность прозрачности после наведения мышкой на элемент будет восстановлена до реального состояния.Подобный эффект может быть применён к любым элементам, картинкам и тексту в частности.Скрипт работает при наличии подключенной библиотеки jQuery, на сайтах системы uCoz она подключена по умолчанию.Установка предельно проста, нужно добавить скрипт в зону HTML где он будет проявлять свой эффект и добавить элементу класс class="dscontrast" как это показано в примере для установки.Вам останется определить что будет задействовано для изменения прозрачности.
Скрипт для установки эффекта
Сам скрипт будет работать при добавлении в любую зону сайта поддерживающую HTML режим.Показана работа одновременно 2 разных тегов с подключенным классом контрастности.
Код
<script>
$(function() {
$(".dscontrast").css("opacity","0.5");
$(".dscontrast").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "contrast");
},
function () {
$(this).stop().animate({
opacity: 0.5
}, "contrast");
});
});
</script>
<img src="http://xaoc34rus.ucoz.ru/css/catsglavn.jpg" alt="demo-img" width="600" height="450" class="dscontrast" />
<p class="dscontrast">Наведя мышкой на подключенный элемент контрастная прозрачность будет изменена</p>
|