javascript - 如何使一页网站在 div 更改时更改背景颜色？

Question

我想制作一个单页网站，固定左侧菜单，右侧内容..

我希望不同菜单的正文背景颜色不同..它也应该适用于向上滚动和向下滚动......

而且随着菜单的变化，菜单应该被突出显示...

http://mailchimp.com/2012/#!/section/ 请检查此网址。我想做一些和这个网站一样的东西..

有没有插件可以制作这种类型的网站？？？

请尽快回复.. 提前致谢...

Answer 1

您应该监听菜单项上的点击事件，并更改 body 的背景颜色。您可以将每个 div 的颜色存储在 data 属性中:

$('.menu_item').on('click', function(){
    var newColor = $(this).data('color');
    $('body').css('background-color', newColor);
});