prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
prototype.js でタブ切り替え(複数表示版) - AUSGANG SOFT
prototype.js でタブ切り替え - AUSGANG SOFT http://a-h.panepon.com/einfach/archives/2006/1012175043.html に、同じページで複数タブを表示できるようにならないか？ というご要望をいただきました。l もともと１つしかタブがない想定なので、大幅な改造が必要。 いい機会なので、作ってみました。 サンプル http://a-h.panepon.com/einfach/archives/tabSample.html CSSもJavascriptも↑のファイル内に書いています。 変更点 複数タブに対応ページ末尾の new TabMaker('tab'); new TabMaker('menu'); ↑という指定で、複数のタブを作っています。 サンプルを参考にHTML、CSSもそれぞれの名前で指定してください。 逆にい
CSSとJavaScriptで実装するタブ型インターフェイス37選 -noupe | コリス
noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
