タブ切り替え機能スクロール型

当ブログ2008年5月6日のアーティクル jQuery UI を利用したタブ切り替え機能 でご紹介したのは当記事中から引用すれば

Yahoo!やiGoogle、Livedoor、goo抔、各ポータルにより挙って採用されているとなれば、其のインターフェースの有効性抔、実証済みとも云えるタブ切り替え機能です。

とのホームページ上でのタブに依る表示切り替え機能にて、 秋元@サイボウズラボ・プログラマー・ブログ の2008年5月28日の記事 スクロールするタブをYUIベースで実現したライブラリ に紹介されているのがjQueryではなくYahoo UI ライブラリをベースに Reid Burke 氏により開発されたBSDライセンスで公開されるUIScrollTabView.jsにて Reid Burke’s YUI Addons が其の公開記事になり、サンプルとして

• horizontal scrolling
• vertical scrolling

が閲覧可能です。

当ブログでも本UIを利用させていただき、 [続きを読む]以下に実装してみましたので、 直接記事にアクセスされていない方はクリックして進んで見て下さい。
タブをクリックして表示をタブに該当する記事に切り替えるお馴染みの機能ですが、 本実装では縦に重なる記事をスライドで表示を切り替えています。