每个菜单选项有不同的颜色（带淡化效果）

Question

我想在每次点击特定标签时更改页面的背景颜色... 所以每次他们点击一个标签...它会淡入该标签的新设置颜色。

我使用的标签脚本已经使用了jQuery。

这么简单的问题，但我一直有这个问题太长时间了，希望你们能帮助我！

Answer 1

Here is a demo

$("#mytab1").click(function(e) {
    $("body").css({ background: "#123456" });
});

$("#mytab2").click(function(e) {
    $("body").css({ background: "#456789" });
});

如果需要插入颜色，则还需要包含jQuery UI。 Here is a fade demo

$("#mytab1").click(function(e) {
    $("body").animate({backgroundColor: '#123456'}, 'slow');
});

$("#mytab2").click(function(e) {
    $("body").animate({backgroundColor: '#abc456'}, 'slow');
});