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

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

デモのキャプチャ

jQuery UI Tabs with Next/Previous
demo

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

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

sponsors

top of page

©2018 coliss