[JS]リスト要素の項目をアニメーションで表示するシンプルなティッカー -List Ticker

リスト要素の項目をフェードやスライドのアニメーションで表示するシンプルなティッカーのスクリプトを紹介します。

デモのキャプチャ

Super simple jQuery ticker
デモページ

デモではリスト要素の各項目が自動で次々に表示され、スクリプトのオプションでは表示方法(フェード・スライド)とアニメーションのスピードが設定できます。

実装はシンプルで、HTMLは下記のようになります。

HTML

「id="fade"」は変更可能です。

JavaScript

jqeury.jsと当スクリプトを外部ファイルにし、下記スクリプトを記述します。

スクリプトのオフ時には、リスト要素がそのまま表示されます。

デモのキャプチャ

スクリプトのオフ時のキャプチャ

sponsors

top of page

©2019 coliss