slideSpeedは、特定の要素のスライドアップ・スライドダウンを設定された速度で制御することができるjQueryプラグインです。高さのある要素なんかをスライドアップ・スライドダウンさせる時に、このくらいの時間をかけて実行させたいという場合に便利そうですね。
slideSpeed
以下のページからslideSpeedの実際のデモ動作をチェックできます。
デモ
デモでは「Click me」と書かれた赤いボタンをクリックすると、要素がスライドダウンで表示されます。2秒かかってスライドダウンする設定になっています。また、再度ボタンをクリックすると、今度はスライドアップで元の非表示の状態に戻ります。こちらも、同じく2秒かけてスライドアップされます。
使い方もシンプルでとても簡単に実装できるのがいいですね。オプションには、speed、slide、callbackが用意されています。オプションのデフォルト値は、speedが500、slideがdownです。slideは、up、down、toggleの中から好きな値を指定できます。
ちなみに、速度・時間の目安として高さが600pxの場合は以下のようになります(speedはピクセル/秒です)。
- speed 200:time 3秒
- speed 500:time 1.2秒
- speed 800:time 0.8秒
slideSpeedの詳しい詳細や具体的な使い方、またはダウンロードに関しては、以下のページからどうぞ。
slideSpeed
というわけで、スライドアップ・ダウンを設定された速度で制御可能なjQueryプラグイン「slideSpeed」のご紹介でした。