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」のご紹介でした。

jsPanel3多機能なフローティングパネルを実装できるjQueryプラグイン「jsPanel3」前のページ

1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」次のページno-image

関連記事

  1. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

  2. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  3. Erge Drop Down Menu Control
  4. JavaScript

    テキストに滑らかに動くアニメーションをつけることができるjQueryプラグイン「animateTex…

    テキストに滑らかに動くかっこいいアニメーションをつけることができるjQ…

最近の記事

  1. α7C + FE28-60mm F4-5.6
  2. Apple Watch Series 6
  3. iPad Air
  4. 宇治抹茶ケーキとカフェアメリカーノ

アーカイブ

PAGE TOP