※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。
JavaScriptで設置できるタブメニューをたくさん紹介(2010.1)
※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。
Dynamic tabs using jQuery – why and how to create it : Janko Jovanovic
This tutorial will show you how to use jQuery to create tabs that can be added and removed dynamically. Although the example looks bulletproof, there are some questions I will raise about how to use tabs and in which context should they be used in order to make them meaningful and usable. View demo When we talk about tabs on web we usually think about tabs used for navigation. However, in this cas
サイドバーにぴったり！jQueryを使ったタブメニュー
サイドバーに設置すれば便利そうなサブメニューを紹介します。オンマウスでタブがスムーズに切り替わります。 html内のJavaScriptの以下の部分で、赤字の数字を変更することでタブが入れ替わるスピードを変更できます。数値が大きくなるとスピードはゆっくりになります。 $('.item').mouseover(function () { //scroll the lava to current item position $('.lava').stop().animate({left:$(this).position()['left']}, {duration:200}); //scroll the panel to the correct content $('.panel').stop().animate({left:$(this).position()['left'] * (-2)},
わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」:phpspot開発日誌
idTabs わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」 以下のようなHTMLを簡単にタブ化できるみたいです <ul class="idTabs"> <li><a href="#aaa">Tab 1</a></li> <li><a href="#bbb">Tab 2</a></li> </ul> <div id="aaa">This is tab 1</div> <div id="bbb">This is tab 2</div> UL要素の中にリストを定義してあるのがタブ部分で、<div>部分が該当ページ部分です。 1ページ内に全部のデータを収めることも出来るところもいいですね。 関連エントリ タブ機能付きパーソナライズドホームページ『Netvibes』 多数のタブをグループ化して管理できる「TooManyTabs」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://tutorialblog.org/10-javascript-ajax-tabs/
