[B! タブ] HOSOIToshiyaのブックマーク

HOSOIToshiya id:HOSOIToshiya

タブに関するHOSOIToshiyaのブックマーク (3)

[JS]アクティブなタブとパネルの境界線を無くすチュートリアル
Simple Tabs w/ CSS & jQuery demo タブはリスト要素で実装されており、アクティブ時にはclassに「active」を与え、ボーダーの色を背景と同色（#fff）にして境界線を無くします。デモではタブをクリックすると、フェードのアニメーションでパネルを切り替え、シンプルながらもかっこいいエフェクトを備えています。スクリプトオフ時には各パネルは成り行きで表示され、各タブはページ内アンカーとして機能します。
HOSOIToshiya 2009/07/03
jquery

タブ

コリス
リンク
[JS]タブと連動するNext/Previousボタンを設置するスクリプト
タブにNext/Previousボタンを設置し、操作を補助するスクリプトをCSS TRICKSから紹介します。 jQuery UI Tabs with Next/Previous demo タブの数が多くなると、タブだけのナビゲーションではマウスをちょっとずつ動かす動作が不便なため、定位置でクリックできるように設計した、とのことです。スクリプトの実装には、jQueryとjQuery UIが必要となっています。
HOSOIToshiya 2009/03/12
コリス

タブ

jquery
リンク
[JS]シンプルなタブを実装する超軽量（5KB）のスクリプト -SimpleTabs
jQueryなど他のスクリプトに依存せず、シンプルなタブコンテンツを実装する超軽量（5KB）のスクリプト「SimpleTabs」を紹介します。 SimpleTabs タブとパネルは、それぞれリストとdiv要素で実装されています。タブとパネルの対応は実装の順番通りになるため、IDなどでのコントロールは不要となっています。また、ブラウザのクッキーを利用して、最後にアクティブにされたタブを保存し、再アクセスした際にそのタブをアクティブにします。
HOSOIToshiya 2009/01/08
コリス

タブ

jquery
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx