jQuery工具选项卡 - 更改背景颜色

Question

我正在使用此设置： http://flowplayer.org/tools/demos/tabs/slideshow.htm

我想在从标签切换到标签时更改BODY背景，并使用一种特定颜色来匹配每个标签。

有人可以让我知道我需要添加哪些额外代码吗？

我会感激任何帮助，因为我根本不熟悉JS，虽然我对HTML / CSS非常好;）

非常感谢。

Answer 1

你真的应该看看events documentation。

我的猜测是绑定到onClick和/或onBeforeClick，并且可能在每个标签上使用data-bgColor="#FFF" - 类型属性，然后找到（并应用）该值到主体的背景其中一个事件。类似的东西：

<!-- first slide -->
<div data-bgcolor="#FF0000"> ... </div>

<!-- second slide -->
<div data-bgcolor="#00FF00"> ... </div>

<!-- third slide -->
<div data-bgcolor="#0000FF"> ... </div>

和

$('.tabs').tabs(".images > div", {
  // ...
  // other properties applied
  // ...

  onBeforeClick: function(event,tabIndex){
    // /* pseudo-code */
    // var bg = $(event.element).data('bgcolor');
    // $('body').css('background-color', bg);
  }
});