[JS]タブと連動するNext/Previousボタンを設置するスクリプト

タブにNext/Previousボタンを設置し、操作を補助するスクリプトをCSS TRICKSから紹介します。

デモのキャプチャ

jQuery UI Tabs with Next/Previous
demo

タブの数が多くなると、タブだけのナビゲーションではマウスをちょっとずつ動かす動作が不便なため、定位置でクリックできるように設計した、とのことです。

スクリプトの実装には、jQueryとjQuery UIが必要となっています。

Post on:2009年3月11日


top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

top of page

©2011 coliss