jQueryのinnerfadeプラグインでニュースティッカーを表示する

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、jQueryのinnerfade()プラグインを利用してニュースティッカーを表示します。ここでは、ul/li要素で宣言されているニュースをランダムに表示します。

このサンプルは、jQueryのinnerfade()プラグインを利用してニュースティッカーを表示します。ここでは、ul/li要素で宣言されているニュースをランダムに表示します。 

    $(function() {
      $('#news').innerfade({
        animationtype: 'slide',
        speed: 750,
        timeout: 2000,
        type: 'random',
        containerheight: '1em'
      });
    }); 

  <ul id="news">
    <li><a href="#n1">1) 菅・小沢氏 選挙前の再編否定</a> </li>
    <li><a href="#n2">2) 胴上げ落下で死亡 部下を告訴</a> </li>
    <li><a href="#n3">3) 大麻のテニス選手「先輩の勧め」</a> </li>
    <li><a href="#n4">4) マンション販売減、過去最長に</a> </li>
    <li><a href="#n5">5) 秋田県職員178人が共同ブログ</a> </li>
    <li><a href="#n6">6) WBC代表1次候補の34人発表</a> </li>
    <li><a href="#n7">7) いわき平競輪で9人全員失格</a> </li>
    <li><a href="#n8">8) SWのレイア姫 出演を後悔</a> </li>
  </ul>