EndlessRiver

JavaScript

エンドレスに流れていくコンテンツスライダー「EndlessRiver」

EndlessRiverはエンドレスに流れていくコンテンツスライダーを実装できるjQueryプラグインです。滑らかにコンテンツを流すことができます。コンテンツにマウスオーバーでストップさせるといったことも可能です。

EndlessRiver

デモ

デモではテキストが横スクロールでエンドレスに流れています。テキストにホバーするとアニメーションがストップします。

また、play/stopボタンも設置されており、それをクリックすることでアニメーションを開始したり停止したりすることが可能です。

  • speed
  • pause
  • buttons

各デフォルトの値は、speedが100、pauseがtrue、buttonsがfalseに設定されています。

webページ内でテキストが滑らかにアニメーションしていれば、思わず注目してしまいますね。ユーザーの目を引かせたい時やちょっとしたアクセントにアニメーションが欲しい時などに活用してみてはいかがでしょうか。

というわけで、エンドレスに流れていくjQueryコンテンツスライダー「EndlessRiver」のご紹介でした。

EndlessRiver

関連記事

  1. Solution for Long Drop Down Items

    JavaScript

    長いメニューもスクロールで表示できる「Solution for Long Drop Down Ite…

    長いドロップダウンメニューでもスクロール表示してくれるjQueryを活…

  2. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

  3. Simply Modal Box
  4. jQueryプラグインのスライダー集

    JavaScript

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

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

  5. intence

    JavaScript

    インタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」

    intenceはスクロール中のエリアが分かるインタラクティブなナビゲー…

  6. Image Gallery Threejs

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP