在悬停时活跃

时间:2012-06-20 18:47:52

标签: jquery hover hoverintent

我想创建一个标签式窗口。包含3个标签,BlueGreenRed。第一个标签Blue及其内容默认选择。

我需要一个jQuery脚本来完成这项工作: 当鼠标进入每个选项卡时,应选择标题(selected类)并显示内容;当鼠标熄灭(来自标题或内容)时,500毫秒后,应选择默认选项卡。 (最重要的是:当鼠标从标题下移到内容时,内容不应该隐藏。如果鼠标完全熄灭,默认应该显示)

另一件事是,如果使用点击选定的标题或内容,默认应该更改为当前选定的标签。

我创建this fiddle,例如。

非常感谢。

1 个答案:

答案 0 :(得分:0)

以下是使用jQuery UI's Tabs的示例:

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

一旦你设置了他们的示例中的html结构,你所要做的就是这个

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

和你的完成,儿子。