EndlessRiverはエンドレスに流れていくコンテンツスライダーを実装できるjQueryプラグインです。滑らかにコンテンツを流すことができます。コンテンツにマウスオーバーでストップさせるといったことも可能です。
EndlessRiver
EndlessRiverの実際のデモは以下のページからチェックできます。
デモ
デモではテキストが横スクロールでエンドレスに流れています。テキストにホバーするとアニメーションがストップします。
また、play/stopボタンも設置されており、それをクリックすることでアニメーションを開始したり停止したりすることが可能です。
オプションは以下の3つが用意されています。
- speed
- pause
- buttons
各デフォルトの値は、speedが100、pauseがtrue、buttonsがfalseに設定されています。
webページ内でテキストが滑らかにアニメーションしていれば、思わず注目してしまいますね。ユーザーの目を引かせたい時やちょっとしたアクセントにアニメーションが欲しい時などに活用してみてはいかがでしょうか。
というわけで、エンドレスに流れていくjQueryコンテンツスライダー「EndlessRiver」のご紹介でした。
ダウンロードや詳しい使い方に関しては以下のページからどうぞ。
