EndlessRiver

JavaScript

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

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

EndlessRiver

デモ

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

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

  • speed
  • pause
  • buttons

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

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

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

EndlessRiver

ResponsifyJS画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」前のページ

多彩なフレームが魅力的!複数の写真を1枚にまとめれるiPhoneアプリ「PicFrame」次のページPicFrame

最近の記事

  1. 紫陽花とセミの抜けがら
  2. クラブハウスサンド 石窯カンパーニュ
  3. 2022.08.9

  4. 柿の実
PAGE TOP