jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
jQueryで作るタブ型コンテンツローテーター – creamu
Raymond Seldaさんのブログで、jQueryで作るタブ型コンテンツローテーターが公開されています。 一定時間ごとにタブでコンテンツが切り替わりますね。 デモは以下から。 » working demo 「source files」からソースもダウンロードできます。 Seldaさんは2006年からPHPとMySQLでプログラミングを初めて、デザインとドラムも少しやるようですね。 ぜひ一度見てみてください。 » Create A Tabbed Content Rotator Using jQuery 昨日は有楽町と中目で飲みまくり。有楽町の赤提灯も結構たのしーねー。そのために今日は寝すぎた。。 今日は銀座でパーティーだぞ。銀座は綺麗な人が多いなー。
[JS]複数のパネルをアニメーションでスライドして切り替えるスクリプト -Sliding Tab Menu
サイドバーなどの省スペースにぴったりな、複数のパネルをスムーズなアニメーションでスライドして切り替えるスクリプトをQuenessから紹介します。 jQuery Sliding Tab Menu for Sidebar Tutorial demo デモでは、タブをクリックすると、それに対応したパネルがスライドして表示されます。 各パネルはコンテンツの量に合わせてサイズが調整されます。 タブとパネルはそれぞれdiv要素で実装されており、スライドのアニメーションにはjQueryとjQuery.ScrollToが使用されています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://latup.com/sample/jquery-tab.htm
[JS]タブでパネルを切り替えるスクリプトのいろいろな実装例
[JS]jQueryで実装するアクセシブルでフレキシブルなタブ
银川咨韵文化传播有限公司
『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳
