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. FAST
  3. クリスマスブレンド
  4. ホワイトチョコマカダミアドーナツ
  5. エッグペペ
PAGE TOP