[JS]多目的に使える、パネルを水平にスライドするスクリプト

多目的に使える、パネルを面白いアニメーションで水平にスライドするスクリプトをwoorkから紹介します。

Ultra versatile slider for websites
demo

デモでは、下部の「Previous」「Next」でパネルが水平方向にスライドします。

パネルの実装はリスト要素で、それをdivで内包しています。
liを増減することで、簡単にパネルの枚数を変更できます。

実装のイメージ

スクリプトはMooToolsのプラグインのため、実装にはmootools.jsが必要です。