javascript - jQuery 更改悬停在颜色上，然后返回到原始颜色

Question

我在页面上有一些按钮，它们的颜色是通过 jQuery 改变的，说明哪个是事件的。我只想在悬停时添加颜色变化，之后它会在离开时返回到原始颜色(由 jQuery 指定)。

我首先使用了 css:.showlink li:hover {color:#aaa;} 除了当页面切换和 jQuery 更改颜色时它会取代 CSS 之外，它可以正常工作。

然后我决定使用简单的 jQuery，当某物悬停在上面时，它会说，改变它的颜色。这并不完全有效，因为它会永久改变颜色。为了缓解这种情况，我在函数中添加了一些内容以将其返回为不同的颜色。

有什么方法可以让它恢复到悬停时更改之前的原始颜色吗？

// Changes color on hover
    $(function() {
        $('.showlink').hover(function(){
            $(this).css('color', '#aaa');
        },
        function(){
           $(this).css('color', '#f3f3f3');
        });
    });
//Changes color depending on which page is active, fades that page in
    $(function(){
        $('#show_one').css('color', '#ffcb06');
        $('#two, #three').hide();
    });

    $('.showlink').click(function(){
        $('.showlink').css('color', '#f3f3f3');
        $(this).css('color', '#ffcb06');
        var toShow = this.id.substr(5);
        $('div.page:visible').fadeOut(600, function(){
            $('#' + toShow).fadeIn(600);
        });
    });

Answer 1

.showlink li:hover {color:#aaa !important;}

将取代其他一切。