Верстка сайтов, программирование, разработка сайтов
Jquery. Прозрачность элементов
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);
});
| Print article | Эта запись была опубликована Axel 09/08/2010 в 15:16, в категории HTML, JavaScript, Jquery, Верстка сайтов. Вы можете следить за комментариями через RSS 2.0. Комментарии и пинги запрещены. |
Комментарии запрещены.



