Question

我有一个导航栏，点击后，页面将滚动到页面的那一部分。我用过这个脚本。

$('li a').click(function(){
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 500);
    return false;
});

如何更改此元素的样式，以便在单击它时，它将滑入页面的某个部分，以及该导航栏将具有不同的背景图像？我尝试在链接中添加onclick（）函数。它可以工作，但它不会滚动到页面中可以滑动的部分。我尝试在滑动脚本中添加脚本，希望它可能有效，但它不起作用。

Answer 1

您可以将其添加到该功能中。

$('li a').click(function(){
    var el = $(this);

    $('li a').removeClass('selected');
    el.addClass('selected');

    $('html, body').animate({
        scrollTop: $( el.attr('href') ).offset().top
    }, 500);
    return false;
});

删除＆＃34;已选择＆＃34;从任何li开始，然后将其添加到当前单击的那个。

Answer 2

你可以使用$（element）.css（cssElement，value）来改变CSS。

示例：

$("#myDiv").click(function(){
    $(this).css("background-color", "Black");
});

JAVASCRIPT - 点击更改元素CSS

2 个答案: