[JS]設置が簡単なパネルをスライド表示させるスクリプト -Slide box

divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。

デモのキャプチャ

Slide box
demo

実装方法は簡単で、スクリプトとスタイルシートを外部ファイルで記述し、下記のスクリプトを記述するだけです。

オプションでは、パネルのポジションを上部・下部に変更したり、パネルのサイズを設定することができます。

Slide boxはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss