slideSpeed

JavaScript

スライドアップ・ダウンを設定された速度で制御できる「slideSpeed」

slideSpeedは、特定の要素のスライドアップ・スライドダウンを設定された速度で制御することができるjQueryプラグインです。高さのある要素なんかをスライドアップ・スライドダウンさせる時に、このくらいの時間をかけて実行させたいという場合に便利そうですね。

slideSpeed

デモ

デモでは「Click me」と書かれた赤いボタンをクリックすると、要素がスライドダウンで表示されます。2秒かかってスライドダウンする設定になっています。また、再度ボタンをクリックすると、今度はスライドアップで元の非表示の状態に戻ります。こちらも、同じく2秒かけてスライドアップされます。

使い方もシンプルでとても簡単に実装できるのがいいですね。オプションには、speed、slide、callbackが用意されています。オプションのデフォルト値は、speedが500、slideがdownです。slideは、up、down、toggleの中から好きな値を指定できます。

  • speed 200:time 3秒
  • speed 500:time 1.2秒
  • speed 800:time 0.8秒

slideSpeed

というわけで、スライドアップ・ダウンを設定された速度で制御可能なjQueryプラグイン「slideSpeed」のご紹介でした。

関連記事

  1. jQuery.Flexdatalist

    JavaScript

    テキスト入力候補を表示させれる「jQuery.Flexdatalist」

    jQuery.Flexdatalistはテキスト入力候補を表示させるこ…

  2. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  3. okzoom

    JavaScript

    レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」

    okzoomは画像細部をマウスオーバーでズームすることができるjQue…

  4. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

  5. jQueryプラグインのスライダー集

    JavaScript

    【jQueryプラグイン】素晴らしい機能が満載のスライダー集

    jQueryプラグインには様々な役立つ機能がありますが、中でも人気が高…

  6. NO IMAGE

最近の記事

  1. Anker PowerPort PD 1 & ライトニングケーブル(0.9m ホワイト)
  2. オリジナルチキン6ピース
  3. 200-DGCAM019
  4. ハクバ GW-PRO RED フォトグローブプロ PL

アーカイブ

PAGE TOP