活動懸停

Question

我想創建一個選項卡式窗口。有3個標籤，Blue，Green和Red。第一個標籤，Blue及其內容被選中默認。

我需要一個jQuery腳本來完成這項工作： 當鼠標在每個選項卡上時，應該選擇標題（selected類）並顯示內容;當鼠標熄滅時（從標題或內容），在500毫秒後，應選擇默認選項卡。 （最重要的是：當鼠標從標題下載到內容時，內容不應該隱藏，如果鼠標完全熄滅，默認應該顯示）

另一件事是它，如果使用點擊選定的標題或內容，默認應更改爲當前選定的選項卡。例如，我創建了this fiddle。

非常感謝。

Answer 1

下面是一個例子使用jQuery UI's Tabs：

http://jsfiddle.net/lbstr/Xkjbq/8/

一旦設置了HTML結構像他們有在他們的例子中，所有你需要做的就是這個

$('#tabs').tabs({event: "mouseover"}); 

和你做完了，兒子。