jQuery Accessible Tabsを使ってフレキシブルなタブ切り替えコンテンツを
Yahoo!のトップページにタブでコンテンツを切り替えられる部分があります。センターカラムの最上部。
「トピックス」「経済」「エンタメ」「スポーツ」「その他」と表示してある部分です。
jQueryとjQuery Accessible Tabsを使ってそんなインターフェイスができます。
試してみました。簡単な導入方法も用意したのでお役に立てば。
↓
jQuery Accessible Tabsを使ってフレキシブルなタブインターフェイスを
-
用意するjsは
の２つ。jQuery Accessible Tabsはエントリー下部の「download the script including the demos here.」からzipでダウンロードできました。
参考サイト
コリスさん[JS]jQueryで実装するアクセシブルでフレキシブルなタブ
jQuery Accessible Tabs – How to make tabs REALLY accessible
demo
