0

タブ付きのウィンドウを作成したい。3つのタブBlue、、、GreenおよびRed。最初のタブBlueとそのコンテンツがデフォルトで選択されています。

この作業を行うにはjQueryスクリプトが必要です。マウスを各タブに移動すると、タイトルが選択され(selectedクラス)、コンテンツが表示されます。また、マウスが(タイトルまたはコンテンツから)外れると、500ミリ秒後に、デフォルトのタブが選択されます。(最も重要なこと:マウスがタイトルからコンテンツに下がるとき、コンテンツは非表示にしないでください。マウスが完全に外れると、デフォルトが表示されます)

もう1つは、選択したタイトルまたはコンテンツをクリックして使用すると、デフォルトが現在選択されているタブに変更されることです。

たとえば、このフィドルを作成します。

どうもありがとう。

4

1 に答える 1

0

jQuery UI の Tabsを使用した例を次に示します。

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

例にあるように html 構造を設定したら、あとはこれだけです。

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

やった、息子よ。

于 2012-06-20T19:18:00.280 に答える