Question

早上好，

所以我有以下2个小节，除了1个我无法解决如何解决的问题之外还有很好的效果。首先是悬停状态，所以当你悬停不透明度为100％时，默认为70％，当你鼠标移出它恢复到70％这很好，第二个是点击功能，显示点击时检查的图像非常好，不透明度保持在100％但是当你从容器中取出鼠标时，它会恢复到70％的不透明度。无论如何点击它仍然保持100％，不管你是否鼠标移出？

$(".opacity-change img").css('opacity','0.7');
$(document).ready(function(){
    $(".opacity-change img").hover(
    function() {
        $(this).animate({ opacity: 1 }, 500);
    },
    function() {
        $(this).animate({ opacity: 0.7 }, 500); 
    });
});

$(document).ready(function(){
    $('.profiles a').bind('click',function(){
        $('.checked').hide();
        $(this).find('.checked').show();
    });
});

提前致谢

Answer 1

这将为名为“clicked”的单击元素添加一个类。在悬停输出功能上，它检查元素是否已分配倾斜类。如果不存在类，则会将动画恢复为70％的不透明度。

$(".opacity-change img").css('opacity','0.7');
$(document).ready(function(){
    $(".opacity-change img").hover(
    function() {
        $(this).animate({ opacity: 1 }, 500);
    },
    function() {
        if ( !$(this).hasClass( 'clicked' ) ){
            $(this).animate({ opacity: 0.7 }, 500); 
        }
    });
});

$(document).ready(function(){
    $('.profiles a').bind('click',function(){
        $('.checked').hide();
        $('.clicked').css("opacity", 0.7).removeClass('clicked');
        $(this).find('.checked').show();
        $(this).addClass( 'clicked' );
    });
});

jQuery悬停不透明度并单击保持不透明度

1 个答案: