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. JavaScript

    フレキシブルなjQueryプラグインのアコーディオンパネル「Flexible Slide-to-to…

    いい感じのアコーディオンがあったので試してみたところ、とてもよさげだっ…

  2. JavaScript

    jQuery MobileでWebサイトをスマートフォン対応にする時に見ておきたい記事のまとめ

    今更ながらようやくjQuery Mobileを使い始めたんですが、基本…

  3. WebSnowjq.js

    JavaScript

    Webページに雪を降らせてくれるjQueryプラグイン「WebSnowjq.js」

    WebSnowjq.jsはWebページの中に雪を降らせることができるj…

  4. fineScroll bar

    JavaScript

    簡単に使えるスクロールバー実装「fineScroll bar」

    fineScroll barは簡単に使えるスクロールバーを実装できるj…

  5. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  6. jQuery.GI.TheWall.js

最近の記事

  1. グーディオ オーガニックチョコレート(ミント)
  2. チキンバターマサラとシュリンプバターマサラ
  3. 恵比寿のダ・ミケーレのピザ
  4. ハムエッグホットサンドとドリップコーヒー
  5. 高輪ゲートウェイ駅のスタバ

アーカイブ

PAGE TOP