やはり、JavaScriptはおもしろいですね。
JavaScriptのAjax標準ライブラリになりつつあるprototype.js。
Ajaxを使う場合はほぼコレを使うでしょう。
今回はAUSGANG SOFTさんが作成された「tabMaker.js」を組み込んでみました。
これは、画面遷移のないUIを実現できるスクリプトの一つです。
かなり、安定していてなにより導入が簡単です。
オススメです。いつかAccordionと組み合わせてみたいです。
- このスクリプトについて
- ダウンロード
- 動作環境
配布元(AUSGANG SOFTさん)からの情報
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。極力、再利用が簡単になるようにしてみました。
ライセンスは本家の「無償・無保証・著作権放棄」に準じます。
ご自由にお使いください。
- ダウンロードはこちらから。
- <li class=”tab”></li>の中にタブ名を、<div class=”tabBox”></div>の中に対応するタブの内容を書きます。
- このセットを増やしていくことでタブはいくつでも増やせます。
配布元(AUSGANG SOFTさん)からの情報
Windows：IE6 SP1、Firefox 1.5.0.7、Opera9.02
Mac:Safariで動作する。
WinIE5、MacIE5などの以前のブラウザには対応していないらしいです。
人気度: 9%
この記事にはまだコメントがついていません。
コメントをどうぞ