Tabs」カテゴリーアーカイブ

タブ型メニューを作るには、jQuery UI の Tabs プラグインが便利だ。

jQuery UI の Tabs で作る縦並びのタブ型メニュー

jQuery UI の Tabs で、縦並びのタブ型メニューを作る方法。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs で作る縦並びのタブ型メニュー はコメントを受け付けていません

jQuery UI の Tabs によるアニメーションでタブを切り替えるタブメニュー

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、タブを切り替えるとき、アニメーション動作で切り替わるようにする方法。アニメーション動作速度も指定することができる。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, アニメーション, メニュー | jQuery UI の Tabs によるアニメーションでタブを切り替えるタブメニュー はコメントを受け付けていません

jQuery UI の Tabs によるタブメニューで、最初に表示するタブを指定

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、ページ読み込み時に表示するタブを指定する方法。selected オプションの値に、ページ読み込み時に表示させたいタブの配列のインデックスを指定する。1つ目のタブは「0」、2つめのタブは「1」、3つめのタブは「2」を指定する。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs によるタブメニューで、最初に表示するタブを指定 はコメントを受け付けていません

jQuery UI の Tabs プラグインを使ったタブメニューのサイズを指定

jQuery UI の Tabs プラグインを使ったタブ型メニューのサイズ(大きさ)を指定する方法。スタイルシートだけで指定できる。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs プラグインを使ったタブメニューのサイズを指定 はコメントを受け付けていません

jQuery UI の Tabs プラグインによるタブを下に表示するタブメニュー

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、タブを、タブの内容の下に表示する方法。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs プラグインによるタブを下に表示するタブメニュー はコメントを受け付けていません

jQuery UI の Tabs プラグインによる、タブを追加できるタブメニュー

jQuery UI の Tabs、Dialog、Button などのプラグインを使った、タブを新たに追加できるタブメニュー。 「タブを追加」ボタンを押すと、「タブ追加フォーム」というタイトルのダイアログが現れる。「タブ追加フォーム」ダイアログ内の「追加」ボタンを押すと、タブを追加する。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs プラグインによる、タブを追加できるタブメニュー はコメントを受け付けていません

ドラッグ&ドロップによりタブの順番を並べ替えられるタブメニュー

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、ドラッグ&ドロップにより、タブの順番を、並べ替えられるようにする方法。ドラッグ&ドロップで並べ替えられるようにするには、Sortable プラグインを併用する。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Sortable, Tabs, メニュー | ドラッグ&ドロップによりタブの順番を並べ替えられるタブメニュー はコメントを受け付けていません

jQuery UI の Tabs による、タブ名クリックで開閉するタブメニュー

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、タブメニュー名をクリックすると、そのタブの内容を開き、再度クリックすると、タブの内容を閉じる(折りたたむ)ようにする方法。タブメニュー名をクリックすることで、開閉するようにするには、collapsible オプションの値に、true を指定。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs による、タブ名クリックで開閉するタブメニュー はコメントを受け付けていません

jQuery UI の Tabs プラグインを使ったマウス・オーバー・タブ・メニュー

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、タブメニューにカーソルを合わせると、タブの内容を開くようにする方法。マウス・オーバー・タブ・メニューにするには、event オプションの値に、mouseover を指定する。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs プラグインを使ったマウス・オーバー・タブ・メニュー はコメントを受け付けていません

別ファイルをタブの内容に表示させる Ajax 系タブメニュー

jQuery UI の Tabs プラグインで作るタブ型メニューにおいて、ajax で別ファイルを、タブの内容に表示させる方法。サンプルの、 「タブメニュー①」は、通常のタブ。 「タブメニュー②」は、別ファイルを読み込んで表示。 「タブメニュー③」は、指定したファイルが見つからなかったときの表示。 続きを読む

カテゴリー: Ajax, JavaScript, jQuery, jQuery UI, Tabs, メニュー | 別ファイルをタブの内容に表示させる Ajax 系タブメニュー はコメントを受け付けていません
1 / 212

スポンサード リンク