Верстка сайтов, программирование, разработка сайтов
Записи с метками juqery
Jquery. Прозрачность элементов
9 August
1) Убрать прозрачность элемента при наведении
$(document).ready(function(){
$('.fade-area-ul li img').each(function(){
$(this).animate({opacity:'0.6'},1);
$(this).mouseover(function(){
$(this).animate({opacity:'1.0'},500);
});
$(this).mouseout(function(){
$(this).animate({opacity:'0.6'},100);
});
});
});
opacity:’0.6′ – прозрачность, где 0.6 уровень прозрачности.
В данном случае, после загрузки страницы, прозрачность картинки-ссылки будет 0.6. При наведении на картинку – 1.0
2) Добавить прозрачность элементов при наведении
$(document).ready(function() {
$('.fade-area-1').children().hover(function() {
$(this).siblings().stop().fadeTo(500,0.5);
}, function() {
$(this).siblings().stop().fadeTo(500,1);
});
