ページ

2011年2月14日月曜日

Feed API - 6

■ オプション設定をしてみます。

■ サンプルです。
<html>
<head>
<title>
Feed API サンプル-6
</title>
<style type="text/css">

    @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
    #feedControl {
      margin-top : 20px;
      margin-left: auto;
      margin-right: auto;
      width : 820px;
      font-size: 16px;
      color: #9CADD0;
    }
  </style>

<!-- ここでは”キー”は必要ありません -->
 <script src="http://www.google.com/jsapi/?key=notsupplied-wizard"
    type="text/javascript"></script>
  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
    type="text/javascript"></script>

  <script type="text/javascript">
    function load() {
     var options = {
       numResults : 10,                 // 表示したい行数の指定(初期値は4)
       displayTime : 5000,              // スクロール表示の時間設定(初期値は5000)
       fadeOutTime : 800,               // フェードアウト時間(初期値は1000)
       scrollOnFadeOut : false,         // スクロールフェイドアウトの設定(初期値はfalse)
       pauseOnHover : true,     // マウスをポイントしたときに停止(初期値は false)
       linkTarget : google.feeds.LINK_TARGET_BLANK,         //リンクのターゲット設定(初期値はSELF)
       horizontal : false,              // horizontalモードを設定する(初期値はvertical)
       stacked : true,                  // stackedモードを設定する(初期値はvertical)
       title : 'タイトル'    // フィードの(固定)タイトルの設定(初期値は回収したフィードのタイトル)
    }
      var feed = [
{title: 'インターネットラジオ',       // 回収するフィードを増やす
url: 'http://www.radio-oh.com/rdf/whatsnew.rdf'
},
{title: 'Jazz is..',
url: 'http://www.radio-oh.com/rdf/jazzis.rdf'
}];
      new GFdynamicFeedControl(feed, "feedControl",options);

    }
    google.load("feeds", "1");
    google.setOnLoadCallback(load);
  </script>
</head>
<body>
<!-- フィードの表示セクションです -->
  <div id="body">
    <div id="feedControl">Loading...</div>
  </div>

</body>
</html>