ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ニュースのヘッドライン調の表示は格好がいい。ただ一覧表示するのに比べて、表示がダイナミックに切り替わる分、目を引きやすい。

ピクチャ 1-39

そんな表示をあなたのブログパーツとしていかがだろう。ライブラリを使えば簡単だ。

今回紹介するフリーウェアはPausing RSS scroller、RSSをヘッドライン調にスクロールさせるライブラリだ。ソースは公開されているが、ライセンスは明記されていないので注意して欲しい。

Pausing RSS scrollerは横型と縦型の二つの表示方式をサポートしている。PHPを使って外部のRSSを取得し、それをJavaScriptを使って表示する。

ピクチャ 2-40

一つの記事ごとに表示が下から上に流れて切り替わる。横型の場合はタイトルだけが良いが、縦型の場合は概要も一緒に表示するようにすると奇麗だ。表示時間や表示項目も設定可能だ。

ただ表示するだけではインパクトが薄いが、スムーズに動かしたりするだけで随分印象が変わってくる。複数サイト運営されている方は、相互でフィードを交換してみるのも面白そうだ。

Dynamic Drive DHTML Scripts- Pausing RSS scroller

 http://www.dynamicdrive.com/dynamicindex17/rsspausescroller/

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2