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

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

Slide box
demo

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

$(document).ready(function(){
	$("YOUR DIV").slideBox();
});

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

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

Post on:2009年6月1日