なかなかユニークだったのでメモ的に。
進める、戻る機能の付いたニューステ
ィッカーを実装するjQueryプラグインで、
ツールチップもついでに出してくれます。
省スペースで情報を凝縮できるのは
なかなかいいですね。
RSSはGoogleAPIを使用しているようです。
Dynamic News
ティッカーにマウスオーバーするとnext、prevのボタンと同時にツールチップを表示します。
進むボタンを押すとニューステキストがスライドします。カルーセルをかけ合わせた感じですね。
使い方
GoogleAPIキーを使ってRSSを取得し、jQuery本体とプラグインを読み込みます。
<script type= "text/javascript" src= "https://www.google.com/jsapi?key=*****" ></script> <script src= "jquery-1.4.4.min.js" type= "text/javascript" ></script> <script src= "dnews.js" type= "text/javascript" ></script> |
で、RSSのパスを設定
<script type= "text/javascript" > google.load( "feeds" , "1" ); $(document).ready( function () { $( '#snews' ).dnews({feedurl: 'http://www.example.com/rss' , showdetail: true , controlsalwaysvisible: false }); }); </script> |
マークアップもシンプルで済むみたいですね。RSSを使いたくない場合は直接書けばいいみたいです。css等で工夫が必要ですが、IE6や7でも問題なく動作しました。デモとダウンロードは以下にて。