2012-02-28 78 views
1

我使用這種設置: http://flowplayer.org/tools/demos/tabs/slideshow.htmjQuery的工具選項卡 - 改變背景顏色

我想從選項卡切換到選項卡時要改變身體的背景下,與一個特定的顏色,以配合每個選項卡。

有人能讓我知道我需要添加什麼額外的代碼嗎?

我會感謝任何幫助,因爲我不流利與JS可言,雖然我與HTML/CSS相當不錯;)

非常感謝。

+0

是的,你可以自定義所需的標籤,但這不是「給我的代碼的網站」。你可以試着理解CSS和JavaScript代碼的插件如果有任何疑問,您可以提出問題。我們隨時準備爲您提供幫助。複製答案中的代碼不會幫助您學習。 – 2012-02-28 16:46:00

+0

我不問有關自定義選項卡。我在切換標籤頁時詢問如何將特定顏色應用於頁面(正文)。我不認爲這是我可以'探索'的任何東西,因此嘗試瞭解jQuery Tools,因爲它不是它的一部分。 就這樣,我被卡住了。正如我所解釋的,我是JS的絕對初學者,爲此我表示歉意。不知道除了要求之外,我還有什麼可以做的。 – user1154435 2012-02-28 16:53:02

回答

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); 
    } 
}); 
+0

謝謝,我確實使用了這個。 – user1154435 2012-11-27 17:28:13