category
サイト構築 -JavaScript

[JS]タブのパネルの表示方法を切り替えられるスクリプト -tabSwitch

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

パネルをスムーズな水平・垂直スクロール、フェードなど表示方法を切り替えられるタブのスクリプトをHieuUKから紹介します。

デモのキャプチャ

tabSwitch
demo

パネルの切り替えはタブ(丸形のアイコン)以外にも、矢印アイコンで操作することも可能です。

デモでは、左から順に「NoTab(タブ機能無し)」「Slide(水平方向にスライド)」「Scroll(垂直方向にスクロール)」「Table(テーブル型にしてスクロール)」「Toggle(パネルをフェードなどで切り替え)」に表示方法を変更できます。

tabSwitchはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Post on:2009年4月23日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS