Еще один приятный визуальный эффект, который очень популярен - плавное проявление/затухание элементов при наведении на них курсора мыши. Следующий код устанавливает непрозрачность 100% при наведении курсора мыши, и 60% - при потере фокуса.

$(document).ready(function(){
    $(".thumbs img").fadeTo("slow", 0.6); // Устанавливаем непрозрачность миниатюр до 60% при загрузке страницы.
 
    $(".thumbs img").hover(function(){
        $(this).fadeTo("slow", 1.0); // При наведении курсора, непрозрачность становится 100%.
    },function(){
        $(this).fadeTo("slow", 0.6); // Пр потере фокуса непрозрачность опять становится 60%.
    });
});

Добавлено: 07 Апреля 2018 14:15:36 Добавил: Андрей Ковальчук Нравится 0

Добавить