tab

<div class="uk-container uk-container-center">
<h3 class="uk-margin-top">Tab autoplayer Test</h3>
  <ul class="uk-tab" data-uk-tab="{connect:'#my-id'}">
    <li><a href="">Hello World</a></li>
    <li><a href="">芥川龍之介</a></li>
    <li><a href="">工房について</a></li>
    <li><a href="">広大な畑と赤い屋根</a></li>
    <li><a href="">桜の花</a></li>
  </ul>
  <ul id="my-id" class="uk-switcher uk-margin">
    <li><a href="#" id="autoplayer" data-uk-switcher-item="next"></a>
      Hello World（ハロー・ワールド）は、画面上（標準出力）に “Hello, World!”、又は類似の文言を表示するだけの単純なプログラムである。<br>
      大抵のプログラミング言語の入門書では、このプログラムを作ることを最初の例題としており、ほとんどの場合、新しくプログラミング言語を習得する際に最初に作るのがこのプログラムである。そのため、「世界一有名なプログラム」と呼ばれることもある。また、コンパイラ、開発環境、実行環境が正常にインストールされたことを確認するために、このプログラムを使用することが多い。
      </li>
    <li>人間分析による理知的な作品を多く残し、現在でも非常に人気の高い作家である。
      東京帝国大学在学中に菊池寛・久米正雄等と共に刊行した同人誌「新思潮（第四次）」創刊号に掲載した『鼻』が夏目漱石の激賞を受け、多く王朝時代や江戸期キリシタンに材を採った短編を続々と発表する。後に毎日新聞社に就職して創作に専念。後期には、私小説的傾向の強い小説を発表した。
      1927年自殺。</li>
    <li>FOREST STUDIOでは、自然の中にある「森の工房」を運営しています。森の工房は木々のあふれる森の中にあり、四季を通してイベントを開催したり、さまざまなグッズの開発などを行っています。</li>
    <li>ひさしぶりの北海道です。今日は魚を食べにオホーツク海へ行こうと思い立ち、空港でレンタカーを借りて出発。道中、畑の中を走っていたら、遠くにかわいらしい赤い屋根の建物が見えてきたので、思わず一枚撮ってしまいました。<br>
      testひさしぶりの北海道です。今日は魚を食べにオホーツク海へ行こうと思い立ち、空港でレンタカーを借りて出発。道中、畑の中を走っていたら、遠くにかわいらしい赤い屋根の建物が見えてきたので、思わず一枚撮ってしまいました。
    </li>
    <li>造幣局の桜の通り抜けにやってきました。雨が降り出しそうな天気でしたが、いろいろな桜が満開で見ごたえありでした。人出もすごかったですが…。ちなみに、この桜は「関山」という八重桜の代表的な品種なのだそうです。<br>
      test2造幣局の桜の通り抜けにやってきました。雨が降り出しそうな天気でしたが、いろいろな桜が満開で見ごたえありでした。人出もすごかったですが…。ちなみに、この桜は「関山」という八重桜の代表的な品種なのだそうです。</li>
  </ul>

</div>

preview