Различные цвета для каждого пункта меню (с эффектом Fade)

Question

Я хотел бы менять цвет фона страницы каждый раз, когда вы нажимаете на конкретную вкладку ... Поэтому каждый раз, когда они нажимают на вкладку ..., будет исчезать новый установленный цвет для этой вкладки.

Используемый мной скрипт вкладки уже использует jQuery.

Что-то очень простое, но у меня проблемы с этим слишком долго, надеюсь, вы, ребята, можете мне помочь!

Answer 1

Вот демоверсия

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

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

Если вам нужно интерполировать цвет, вам нужно будет также включить jQuery UI. Вот демоверсия затухания

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

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