[JS]複数のパネルをアニメーションでスライドして切り替えるスクリプト -Sliding Tab Menu

サイドバーなどの省スペースにぴったりな、複数のパネルをスムーズなアニメーションでスライドして切り替えるスクリプトをQuenessから紹介します。

デモのキャプチャ

jQuery Sliding Tab Menu for Sidebar Tutorial
demo

デモでは、タブをクリックすると、それに対応したパネルがスライドして表示されます。
各パネルはコンテンツの量に合わせてサイズが調整されます。

タブとパネルはそれぞれdiv要素で実装されており、スライドのアニメーションにはjQueryjQuery.ScrollToが使用されています。

sponsors

top of page

©2018 coliss