[JS]設置が簡単なパネルをスライド表示させるスクリプト -Slide box
Post on:2009年6月1日
sponsors
divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。
実装方法は簡単で、スクリプトとスタイルシートを外部ファイルで記述し、下記のスクリプトを記述するだけです。
|
1 2 3 4 5 |
<textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function(){ $("YOUR DIV").slideBox(); }); </textarea> |
オプションでは、パネルのポジションを上部・下部に変更したり、パネルのサイズを設定することができます。
Slide boxはjQueryのプラグインのため、実装にはjquery.jsが必要です。
sponsors
