6 JQuery_jquery に基づくタブ プラグイン

ちなみに、Tabタブの素晴らしいサンプルもたくさん見つけたので、ここで共有したいと思います。もちろん、最終的には IdTabs や以下の例を使用せず、自分で小さなプラグインを作成しました。まだ完璧ではないので、ここでは共有しません。まずは外国人による JQuery ベースの優れたさまざまなタブを見てみましょう:
1. jQuery タブ インターフェイス/タブ構造メニューのチュートリアル
この種類のメニューは次のとおりです。 Webデザインと開発では非常に有名です。このチュートリアルでは、jQuery のスライド ダウン/スライド アップ効果を使用して独自のタブ メニューを作成する方法を説明します。このデモに注目してください。きっと気に入っていただけるでしょう。
デモ | ダウンロード | 概要

2. jQuery ディレクトリ ナビゲーション プラグイン この jQuery プラグインは、アルファベット順ベースのナビゲーション ウィジェットを順序付きリストと順序なしリストに追加する方法を提供します。リストの上にあるシンプルな (CSS 経由の) ナビゲーション バーは、A から Z までの検索方法をユーザーに示します。リストから選択すると、文字で始まるすべての要素が表示されます。選択可能な文字の上に表示されるカウントは、文字をクリックしたときに表示される項目の数を示します。さらに、その他の基本的な機能も利用できます。
デモ
| ダウンロード
3. jQuery の Kwicks メニュー
🎜>Kwicks は Mootools (同じ名前) のエフェクトとして誕生し、徐々に高度にカスタマイズ可能なユニバーサル ウィジェットに進化しました。 🎜>4. jQuery のフェード メニュー - コンテンツの置換

CSS と jQuery の使用方法を説明する、CSS のトリックに関する優れたチュートリアルです。今回は、次の方法を説明します。 jqueryを使用してメニューオプションをフェードさせます。 デモ | ダウンロード

5. >idTabs は jQuery プラグインです。これにより、Web サイトにタブを簡単に追加できるようになりますが、無限の可能性への扉も開かれます。
デモ
| ダウンロード | 概要

6. スムーズなグラフィック カード コンテンツ領域を作成するWeb デザイナーにとっての最大の課題の 1 つは、使いやすさを損なうことなく、多くの情報を 1 つの Web ページに凝縮することです。コンテンツのタブ移動は、この種の問題に対処する優れた方法であり、最近ブログで広く使用されています。これは、HTML を使用して小さなタブ情報ボックスを作成し、最後にいくつかの単純な js 関数と jQuery ライブラリを使用してそれを実装する優れたチュートリアルです。
デモ
ダウンロード | 概要