如何在div更改时使一个页面网站的背景颜色发生变化？

Question

我想创建一个单页网站，其中左侧菜单已固定，其内容位于右侧..

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

并且当菜单更改时，该菜单应突出显示...

http://mailchimp.com/2012/#!/section/ 请检查此网址。我想做与本网站相同的内容..

是否有任何插件可以制作这种类型的网站???

请尽早回复.. 提前谢谢......

Answer 1

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

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